@webitel/ui-sdk 25.8.65 → 25.8.67

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@webitel/ui-sdk",
-  "version": "25.8.65",
+  "version": "25.8.67",
   "private": false,
   "scripts": {
     "make-all": "npm version patch --git-tag-version false && npm run build && (npm run build:types || true) && (npm run lint:fix || true) && npm run publish-lib",

package/src/components/on-demand/wt-navigation-menu/components/wt-navigation-menu.vue

@@ -1,27 +1,16 @@
 <template>
   <section class="wt-navigation-menu">
     <article class="wt-navigation-menu__wrapper">
-      <nav-menu-lvl-1
-        :categories="categories"
-        :icons="icons"
-        :selected="selected"
-        @select="select"
-      >
-        <nav-menu-lvl-2
-          :categories="subcategories"
-          class="wt-navigation-menu__categories--display"
-        />
+      <nav-menu-lvl-1 :categories="categoriesArray" :icons="icons" :selected="selected" @select="select">
+        <nav-menu-lvl-2 :categories="activeSubcategories" class="wt-navigation-menu__categories--display" />
       </nav-menu-lvl-1>
-      <nav-menu-lvl-2
-        :categories="subcategories"
-        class="wt-navigation-menu__categories--hidden"
-      />
+      <nav-menu-lvl-2 :categories="activeSubcategories" class="wt-navigation-menu__categories--hidden" />
     </article>
   </section>
 </template>
 
 <script setup>
-import { computed, onMounted, ref } from 'vue';
+import { computed, ref } from 'vue';
 
 import NavMenuLvl1 from './_internals/nav-menu-lvl-1.vue';
 import NavMenuLvl2 from './_internals/nav-menu-lvl-2.vue';
@@ -44,33 +33,59 @@ const props = defineProps({
   },
 });
 
-const selectedId = ref({});
+const selectedId = ref('');
 
+// Create a map of categories by their value/id
 const categories = computed(() => {
-  return props.nav.map((navItem) => ({
-    ...navItem,
-    name: navItem.name,
-  }));
+  const categoryMap = new Map();
+  props.nav.forEach((navItem) => {
+    categoryMap.set(navItem.value, {
+      ...navItem,
+      name: navItem.name,
+    });
+  });
+  return categoryMap;
 });
 
+// Create a map of subcategories by parent category id
 const subcategories = computed(() => {
-  if (!selected.value.subNav) return [];
-
-  return selected.value.subNav.map((subNav) => {
-    const route = selected.value.route
-      ? `${selected.value.route}/${subNav.route}`
-      : subNav.route;
-    const name = subNav.name;
-    return {
-      ...subNav,
-      name,
-      route,
-    };
+  const subcategoryMap = new Map();
+  props.nav.forEach((navItem) => {
+    if (navItem.subNav) {
+      const subNavWithRoutes = navItem.subNav.map((subNav) => {
+        const route = navItem.route
+          ? `${navItem.route}/${subNav.route}`
+          : subNav.route;
+        return {
+          ...subNav,
+          name: subNav.name,
+          route,
+        };
+      });
+      subcategoryMap.set(navItem.value, subNavWithRoutes);
+    } else {
+      subcategoryMap.set(navItem.value, []);
+    }
   });
+  return subcategoryMap;
+});
+
+// Array of categories for the lvl-1 component (filtered to exclude empty categories)
+const categoriesArray = computed(() => {
+  return Array.from(categories.value.values()).filter((category) => {
+    const subcats = subcategories.value.get(category.value);
+    return subcats && subcats.length > 0;
+  });
+});
+
+// Active subcategories based on selectedId
+const activeSubcategories = computed(() => {
+  return subcategories.value.get(selected.value?.value) || [];
 });
 
+// Selected category based on selectedId
 const selected = computed(() => {
-  return props.nav.find((category) => category.value === selectedId.value) || props.nav[0];
+  return categories.value.get(selectedId.value) || categoriesArray.value[0];
 });
 
 function select(category) {

package/src/locale/en/en.js

@@ -11,6 +11,7 @@ import {
   AuditorSections,
   ChatGatewayProvider,
   CrmSections,
+  CrmSections as CrmSectionsNew,
   IconAction,
   QueueType,
   RelativeDatetimeValue,
@@ -162,6 +163,9 @@ export default {
     list: 'List | Lists',
     contact: 'Contact | Contacts',
     case: 'Case | Cases',
+    customLookup: {
+      customLookup: 'Custom lookup | Custom lookups',
+    },
     calendar: 'Calendar | Calendars',
     direction: 'Direction',
     gateway: 'Gateway | Gateways',
@@ -175,6 +179,9 @@ export default {
     transcription: 'Transcription',
     attachment: 'Attachment | Attachments',
     owner: 'Owner | Owners',
+    customization: {
+      customization: 'Customization | Customizations',
+    },
     queue: {
       queue: 'Queue | Queues',
       type: {
@@ -269,6 +276,18 @@ export default {
   },
   // describes Webitel FRONTEND applications + their navs
   WebitelApplications: {
+    overrideApplicationsAccess: {
+      [WebitelApplications.CRM]: {
+        sections: {
+          [CrmSectionsNew.CasesExtensions]: ({ linked }) =>
+            linked('objects.customization.customization') + ': ' + linked('objects.case'),
+          [CrmSectionsNew.ContactsExtensions]: ({ linked }) =>
+            linked('objects.customization.customization') + ': ' + linked('objects.contact'),
+          [CrmSectionsNew.CustomLookups]: ({ linked }) =>
+            linked('objects.customization.customization') + ': ' + linked('objects.customLookup'),
+        },
+      },
+    },
     [WebitelApplications.AGENT]: { name: 'Agent Workspace' },
     [WebitelApplications.AUDIT]: {
       name: 'Audit',

package/src/locale/es/es.js

@@ -11,6 +11,7 @@ import {
   AuditorSections,
   ChatGatewayProvider,
   CrmSections,
+  CrmSections as CrmSectionsNew,
   IconAction,
   QueueType,
   RelativeDatetimeValue,
@@ -157,6 +158,9 @@ export default {
     list: 'Lista | Listas',
     contact: 'Contacto | Contactos',
     case: 'Caso | Casos',
+    customLookup: {
+      customLookup: 'Búsqueda personalizada | Búsquedas personalizadas',
+    },
     calendar: 'Calendario | Calendarios',
     direction: 'Dirección',
     gateway: 'Gateway | Gateways',
@@ -170,6 +174,9 @@ export default {
     transcription: 'Transcripción',
     attachment: 'Adjunto | Adjuntos',
     owner: 'Propietario | Propietarios',
+    customization: {
+      customization: 'Personalización | Personalizaciones',
+    },
     queue: {
       queue: 'Cola | Colas',
       type: {
@@ -263,6 +270,18 @@ export default {
     actualResolutionTime: 'Tiempo de resolución real',
   },
   WebitelApplications: {
+    overrideApplicationsAccess: {
+      [WebitelApplications.CRM]: {
+        sections: {
+          [CrmSectionsNew.CasesExtensions]: ({ linked }) =>
+            linked('objects.customization.customization') + ': ' + linked('objects.case'),
+          [CrmSectionsNew.ContactsExtensions]: ({ linked }) =>
+            linked('objects.customization.customization') + ': ' + linked('objects.contact'),
+          [CrmSectionsNew.CustomLookups]: ({ linked }) =>
+            linked('objects.customization.customization') + ': ' + linked('objects.customLookup'),
+        },
+      },
+    },
     [WebitelApplications.AGENT]: { name: 'Espacio de trabajo del agente' },
     [WebitelApplications.AUDIT]: {
       name: 'Auditoría',

package/src/locale/kz/kz.js

@@ -11,6 +11,7 @@ import {
   AuditorSections,
   ChatGatewayProvider,
   CrmSections,
+  CrmSections as CrmSectionsNew,
   IconAction,
   QueueType,
   RelativeDatetimeValue,
@@ -175,6 +176,12 @@ export default {
     transcription: 'Транскрипция',
     attachment: 'Тіркеме | Тіркемелер',
     owner: 'Ие | Иелер',
+    customization: {
+      customization: 'Жекелендіру | Жекелендірулер',
+    },
+    customLookup: {
+      customLookup: 'Жекелендіру | Жекелендірулер',
+    },
     queue: {
       queue: 'Кезек | Кезектер',
       type: {
@@ -269,6 +276,18 @@ export default {
   },
   // describes Webitel FRONTEND applications + their navs
   WebitelApplications: {
+    overrideApplicationsAccess: {
+      [WebitelApplications.CRM]: {
+        sections: {
+          [CrmSectionsNew.CasesExtensions]: ({ linked }) =>
+            linked('objects.customization.customization') + ': ' + linked('objects.case'),
+          [CrmSectionsNew.ContactsExtensions]: ({ linked }) =>
+            linked('objects.customization.customization') + ': ' + linked('objects.contact'),
+          [CrmSectionsNew.CustomLookups]: ({ linked }) =>
+            linked('objects.customization.customization') + ': ' + linked('objects.customLookup'),
+        },
+      },
+    },
     [WebitelApplications.AGENT]: { name: 'Оператор жұмыс орны' },
     [WebitelApplications.AUDIT]: {
       name: 'Аудит',

package/src/locale/pl/pl.js

@@ -11,6 +11,7 @@ import {
   AuditorSections,
   ChatGatewayProvider,
   CrmSections,
+  CrmSections as CrmSectionsNew,
   IconAction,
   QueueType,
   RelativeDatetimeValue,
@@ -175,6 +176,12 @@ export default {
     transcription: 'Transkrypcja',
     attachment: 'Załącznik | Załączniki',
     owner: 'Właściciel | Właściciele',
+    customization: {
+      customization: 'Dostosowanie | Dostosowania',
+    },
+    customLookup: {
+      customLookup: 'Dostosowanie | Dostosowania',
+    },
     queue: {
       queue: 'Kolejka | Kolejki',
       type: {
@@ -269,6 +276,18 @@ export default {
   },
   // describes Webitel FRONTEND applications + their navs
   WebitelApplications: {
+    overrideApplicationsAccess: {
+      [WebitelApplications.CRM]: {
+        sections: {
+          [CrmSectionsNew.CasesExtensions]: ({ linked }) =>
+            linked('objects.customization.customization') + ': ' + linked('objects.case'),
+          [CrmSectionsNew.ContactsExtensions]: ({ linked }) =>
+            linked('objects.customization.customization') + ': ' + linked('objects.contact'),
+          [CrmSectionsNew.CustomLookups]: ({ linked }) =>
+            linked('objects.customization.customization') + ': ' + linked('objects.customLookup'),
+        },
+      },
+    },
     [WebitelApplications.AGENT]: { name: 'Panel Agenta' },
     [WebitelApplications.AUDIT]: {
       name: 'Audyt',

package/src/locale/ro/ro.js

@@ -11,6 +11,7 @@ import {
   AuditorSections,
   ChatGatewayProvider,
   CrmSections,
+  CrmSections as CrmSectionsNew,
   IconAction,
   QueueType,
   RelativeDatetimeValue,
@@ -175,6 +176,12 @@ export default {
     transcription: 'Transcriere',
     attachment: 'Atașament | Atașamente',
     owner: 'Proprietar | Proprietari',
+    customization: {
+      customization: 'Personalizare | Personalizări',
+    },
+    customLookup: {
+      customLookup: 'Personalizare | Personalizări',
+    },
     queue: {
       queue: 'Coadă | Cozi',
       type: {
@@ -269,6 +276,18 @@ export default {
   },
   // describes Webitel FRONTEND applications + their navs
   WebitelApplications: {
+    overrideApplicationsAccess: {
+      [WebitelApplications.CRM]: {
+        sections: {
+          [CrmSectionsNew.CasesExtensions]: ({ linked }) =>
+            linked('objects.customization.customization') + ': ' + linked('objects.case'),
+          [CrmSectionsNew.ContactsExtensions]: ({ linked }) =>
+            linked('objects.customization.customization') + ': ' + linked('objects.contact'),
+          [CrmSectionsNew.CustomLookups]: ({ linked }) =>
+            linked('objects.customization.customization') + ': ' + linked('objects.customLookup'),
+        },
+      },
+    },
     [WebitelApplications.AGENT]: { name: 'Spațiu Agent' },
     [WebitelApplications.AUDIT]: {
       name: 'Audit',

package/src/locale/ru/ru.js

@@ -11,6 +11,7 @@ import {
   AuditorSections,
   ChatGatewayProvider,
   CrmSections,
+  CrmSections as CrmSectionsNew,
   IconAction,
   QueueType,
   RelativeDatetimeValue,
@@ -174,6 +175,12 @@ export default {
     transcription: 'Транскрипция',
     attachment: 'Вложение | Вложения',
     owner: 'Владелец | Владельцы',
+    customization: {
+      customization: 'Персонализация | Персонализации',
+    },
+    customLookup: {
+      customLookup: 'Пользовательский справочник | Пользовательские справочники',
+    },
     queue: {
       queue: 'Очередь | Очереди',
       type: {
@@ -268,6 +275,18 @@ export default {
   },
   // describes Webitel FRONTEND applications + their navs
   WebitelApplications: {
+    overrideApplicationsAccess: {
+      [WebitelApplications.CRM]: {
+        sections: {
+          [CrmSectionsNew.CasesExtensions]: ({ linked }) =>
+            linked('objects.customization.customization') + ': ' + linked('objects.case'),
+          [CrmSectionsNew.ContactsExtensions]: ({ linked }) =>
+            linked('objects.customization.customization') + ': ' + linked('objects.contact'),
+          [CrmSectionsNew.CustomLookups]: ({ linked }) =>
+            linked('objects.customization.customization') + ': ' + linked('objects.customLookup'),
+        },
+      },
+    },
     [WebitelApplications.AGENT]: { name: 'Agent Workspace' },
     [WebitelApplications.AUDIT]: {
       name: 'Audit',

package/src/locale/uk/uk.js

@@ -11,6 +11,7 @@ import {
   AuditorSections,
   ChatGatewayProvider,
   CrmSections,
+  CrmSections as CrmSectionsNew,
   IconAction,
   QueueType,
   RelativeDatetimeValue,
@@ -174,6 +175,12 @@ export default {
     transcription: 'Транскрипція',
     attachment: 'Вкладення | Вкладення',
     owner: 'Власник | Власники',
+    customization: {
+      customization: 'Персоналізація | Персоналізації',
+    },
+    customLookup: {
+      customLookup: 'Користувацький довідник | Користувацькі довідники',
+    },
     queue: {
       queue: 'Черга | Черги',
       type: {
@@ -268,6 +275,18 @@ export default {
   },
   // describes Webitel FRONTEND applications + their navs
   WebitelApplications: {
+    overrideApplicationsAccess: {
+      [WebitelApplications.CRM]: {
+        sections: {
+          [CrmSectionsNew.CasesExtensions]: ({ linked }) =>
+            linked('objects.customization.customization') + ': ' + linked('objects.case'),
+          [CrmSectionsNew.ContactsExtensions]: ({ linked }) =>
+            linked('objects.customization.customization') + ': ' + linked('objects.contact'),
+          [CrmSectionsNew.CustomLookups]: ({ linked }) =>
+            linked('objects.customization.customization') + ': ' + linked('objects.customLookup'),
+        },
+      },
+    },
     [WebitelApplications.AGENT]: { name: 'Agent Workspace' },
     [WebitelApplications.AUDIT]: {
       name: 'Audit',

package/src/locale/uz/uz.js

@@ -11,6 +11,7 @@ import {
   AuditorSections,
   ChatGatewayProvider,
   CrmSections,
+  CrmSections as CrmSectionsNew,
   IconAction,
   QueueType,
   RelativeDatetimeValue,
@@ -175,6 +176,12 @@ export default {
     transcription: 'Transkriptsiya',
     attachment: 'Ilova | Ilovalar',
     owner: 'Egasi | Egalari',
+    customization: {
+      customization: 'Maxsuslash | Maxsuslashlar',
+    },
+    customLookup: {
+      customLookup: 'Maxsuslash | Maxsuslashlar',
+    },
     queue: {
       queue: 'Navbat | Navbatlar',
       type: {
@@ -268,6 +275,18 @@ export default {
     actualResolutionTime: 'Haqiqiy hal qilish vaqti',
   },
   WebitelApplications: {
+    overrideApplicationsAccess: {
+      [WebitelApplications.CRM]: {
+        sections: {
+          [CrmSectionsNew.CasesExtensions]: ({ linked }) =>
+            linked('objects.customization.customization') + ': ' + linked('objects.case'),
+          [CrmSectionsNew.ContactsExtensions]: ({ linked }) =>
+            linked('objects.customization.customization') + ': ' + linked('objects.contact'),
+          [CrmSectionsNew.CustomLookups]: ({ linked }) =>
+            linked('objects.customization.customization') + ': ' + linked('objects.customLookup'),
+        },
+      },
+    },
     [WebitelApplications.AGENT]: { name: 'Agent ish joyi' },
     [WebitelApplications.AUDIT]: {
       name: 'Audit',

package/src/locale/vi/vi.js

@@ -11,6 +11,7 @@ import {
   AuditorSections,
   ChatGatewayProvider,
   CrmSections,
+  CrmSections as CrmSectionsNew,
   IconAction,
   QueueType,
   RelativeDatetimeValue,
@@ -175,6 +176,12 @@ export default {
     transcription: 'Bản ghi',
     attachment: 'Tệp đính kèm | Các tệp đính kèm',
     owner: 'Chủ sở hữu | Các chủ sở hữu',
+    customization: {
+      customization: 'Tùy chỉnh | Các tùy chỉnh',
+    },
+    customLookup: {
+      customLookup: 'Tùy chỉnh | Các tùy chỉnh',
+    },
     queue: {
       queue: 'Hàng chờ | Hàng chờ',
       type: {
@@ -269,6 +276,18 @@ export default {
   },
   // describes Webitel FRONTEND applications + their navs
   WebitelApplications: {
+    overrideApplicationsAccess: {
+      [WebitelApplications.CRM]: {
+        sections: {
+          [CrmSectionsNew.CasesExtensions]: ({ linked }) =>
+            linked('objects.customization.customization') + ': ' + linked('objects.case'),
+          [CrmSectionsNew.ContactsExtensions]: ({ linked }) =>
+            linked('objects.customization.customization') + ': ' + linked('objects.contact'),
+          [CrmSectionsNew.CustomLookups]: ({ linked }) =>
+            linked('objects.customization.customization') + ': ' + linked('objects.customLookup'),
+        },
+      },
+    },
     [WebitelApplications.AGENT]: {
       name: 'Không gian làm việc của tổng đài viên',
     },

package/src/modules/CSVExport/XLSExport.js

@@ -22,9 +22,13 @@ export default class XLSExport {
   }
 
   // NOTE: if the value is an object with a name property, extract the name to display it in the EXEL file
+  // If no name property exists, stringify the object to show full structure
   extractNameFromObject(value) {
-    if (value && typeof value === 'object' && value.name) {
-      return value.name;
+    if (value && typeof value === 'object') {
+      if (Array.isArray(value)) {
+        return value.map((item) => this.extractNameFromObject(item)).join(' | ');
+      }
+      return value.name || JSON.stringify(value);
     }
     return value;
   }

package/src/modules/Userinfo/classes/ApplicationsAccess.js

@@ -243,15 +243,15 @@ const applicationsAccess = (value = true) => ({
     },
     [CrmSectionsNew.CasesExtensions]: {
       _enabled: value,
-      _locale: `WebitelApplications.${WebitelApplications.CRM}.sections.${CrmSectionsNew.CasesExtensions}`,
+      _locale: `WebitelApplications.overrideApplicationsAccess.${WebitelApplications.CRM}.sections.${CrmSectionsNew.CasesExtensions}`,
     },
     [CrmSectionsNew.ContactsExtensions]: {
       _enabled: value,
-      _locale: `WebitelApplications.${WebitelApplications.CRM}.sections.${CrmSectionsNew.ContactsExtensions}`,
+      _locale: `WebitelApplications.overrideApplicationsAccess.${WebitelApplications.CRM}.sections.${CrmSectionsNew.ContactsExtensions}`,
     },
     [CrmSectionsNew.CustomLookups]: {
       _enabled: value,
-      _locale: `WebitelApplications.${WebitelApplications.CRM}.sections.${CrmSectionsNew.CustomLookups}`,
+      _locale: `WebitelApplications.overrideApplicationsAccess.${WebitelApplications.CRM}.sections.${CrmSectionsNew.CustomLookups}`,
     },
   },
 });

package/types/locale/en/en.d.ts

@@ -142,6 +142,10 @@ declare namespace _default {
         export { contact_1 as contact };
         let _case: string;
         export { _case as case };
+        export namespace customLookup {
+            let customLookup_1: string;
+            export { customLookup_1 as customLookup };
+        }
         export let calendar: string;
         export let direction: string;
         export let gateway: string;
@@ -155,6 +159,10 @@ declare namespace _default {
         export let transcription: string;
         export let attachment: string;
         export let owner: string;
+        export namespace customization {
+            let customization_1: string;
+            export { customization_1 as customization };
+        }
         export namespace queue {
             let queue_1: string;
             export { queue_1 as queue };
@@ -474,6 +482,21 @@ declare namespace _default {
                 activeCalls?: undefined;
             };
         };
+        overrideApplicationsAccess: {
+            [x: number]: {
+                sections: {
+                    "ext-cases": ({ linked }: {
+                        linked: any;
+                    }) => string;
+                    "ext-contacts": ({ linked }: {
+                        linked: any;
+                    }) => string;
+                    "custom-lookups": ({ linked }: {
+                        linked: any;
+                    }) => string;
+                };
+            };
+        };
     };
     export namespace validation {
         let required_1: string;

package/types/locale/es/es.d.ts

@@ -142,6 +142,10 @@ declare namespace _default {
         export { contact_1 as contact };
         let _case: string;
         export { _case as case };
+        export namespace customLookup {
+            let customLookup_1: string;
+            export { customLookup_1 as customLookup };
+        }
         export let calendar: string;
         export let direction: string;
         export let gateway: string;
@@ -155,6 +159,10 @@ declare namespace _default {
         export let transcription: string;
         export let attachment: string;
         export let owner: string;
+        export namespace customization {
+            let customization_1: string;
+            export { customization_1 as customization };
+        }
         export namespace queue {
             let queue_1: string;
             export { queue_1 as queue };
@@ -474,6 +482,21 @@ declare namespace _default {
                 activeCalls?: undefined;
             };
         };
+        overrideApplicationsAccess: {
+            [x: number]: {
+                sections: {
+                    "ext-cases": ({ linked }: {
+                        linked: any;
+                    }) => string;
+                    "ext-contacts": ({ linked }: {
+                        linked: any;
+                    }) => string;
+                    "custom-lookups": ({ linked }: {
+                        linked: any;
+                    }) => string;
+                };
+            };
+        };
     };
     export namespace validation {
         let required_1: string;