@webitel/ui-sdk 25.8.26 → 25.8.27

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@webitel/ui-sdk",
-  "version": "25.8.26",
+  "version": "25.8.27",
   "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",
@@ -55,11 +55,10 @@
     "@vuepic/vue-datepicker": "^4.5.1",
     "@vueuse/components": "^13.0.0",
     "@webitel/api-services": "^0.0.33",
-    "@webitel/styleguide": "^24.12.40",
+    "@webitel/styleguide": "^24.12.44",
     "autosize": "^6.0.1",
     "axios": "^1.8.3",
     "clipboard-copy": "^4.0.1",
-    "qs-esm": "^7.0.2",
     "csv-stringify": "^5.5.3",
     "date-fns": "^4.1.0",
     "deep-copy": "^1.4.2",
@@ -75,6 +74,7 @@
     "path-browserify": "^1.0.1",
     "plyr": "^3.7.8",
     "primevue": "^4.3.4",
+    "qs-esm": "^7.0.2",
     "sortablejs": "^1.15.3",
     "tailwindcss": "^4.1.7",
     "vue-i18n": "^11.1.2",
@@ -120,6 +120,7 @@
     "typescript-eslint": "^8.26.1",
     "typescript-plugin-css-modules": "^5.1.0",
     "unplugin-auto-import": "^19.1.1",
+    "unplugin-vue-components": "^28.8.0",
     "vite": "^6.2.2",
     "vite-plugin-checker": "^0.9.0",
     "vite-plugin-node-polyfills": "^0.23.0",

package/src/components/wt-popover/wt-popover.vue

@@ -1,5 +1,5 @@
 <template>
-  <popover
+  <p-popover
     ref="innerPopover"
     v-bind="attrs"
     :append-to="appendTo"
@@ -13,12 +13,11 @@
     v-on="attrs"
   >
     <slot />
-  </popover>
+  </p-popover>
 </template>
 
 <script setup lang="ts">
 import { PopoverEmitsOptions, PopoverProps } from 'primevue';
-import Popover from 'primevue/popover';
 import { defineExpose, useAttrs, useTemplateRef } from 'vue';
 
 const attrs = useAttrs();

package/src/locale/kz/kz.js

@@ -252,6 +252,13 @@ export default {
     },
     appNavigator: {
       title: 'Webitel қосымшалары',
+      admin: 'Әкімші',
+      agent: 'Оператор',
+      supervisor: 'Супервизор',
+      audit: 'Аудит',
+      history: 'Тарих',
+      grafana: 'Grafana',
+      crm: 'CRM',
     },
     headerActions: {
       account: 'Аккаунт',
@@ -323,6 +330,35 @@ export default {
         min: 'Мин',
         unlimited: 'Лимитсіз',
       },
+      statusSelectErrorPopup: {
+        title: 'Назар аударыңыз',
+        message:
+          'Үзіліс алатын операторлар шегі асып кетті. Үзіліс қазір қол жетімді емес.',
+      },
+    },
+    saveFailedPopup: {
+      title: 'Сақтау сәтсіз аяқталды',
+      label: 'Бірдеңе дұрыс болмады, қайталап көріңіз',
+      exportToJson: 'JSON-ға экспорттау',
+    },
+    filters: {
+      datetime: {
+        today: 'Бүгін',
+        thisWeek: 'Осы апта',
+        thisMonth: 'Осы ай',
+        custom: 'Арнайы күн аралығы',
+      },
     },
   },
+  systemNotifications: {
+    success: {
+      update: ({ named }) => `${named('entity')} жаңартылды`,
+      create: ({ named }) => `${named('entity')} сақталды`,
+      delete: ({ named }) => `${named('entity')} жойылды`,
+    },
+  },
+  errorNotifications: {
+    chatHistoryApi: 'Чат тарихын жүктеу кезінде қате орын алды',
+    markChatProcessed: 'Чатты "Жабық" күйіне ауыстыру сәтсіз аяқталды',
+  },
 };

package/types/components/wt-action-bar/WtActionBarActionsOrder.d.ts

@@ -1,2 +1,2 @@
-export const tableActionsOrder: ("filters" | "add" | "delete" | "refresh" | "upload" | "download" | "copy" | "columns" | "variables" | "add-contact")[];
-export const sectionActionsOrder: ("filters" | "add" | "delete" | "refresh" | "upload" | "download" | "copy" | "columns" | "variables" | "add-contact")[];
+export const tableActionsOrder: ("delete" | "filters" | "add" | "variables" | "refresh" | "upload" | "download" | "copy" | "columns" | "add-contact")[];
+export const sectionActionsOrder: ("delete" | "filters" | "add" | "variables" | "refresh" | "upload" | "download" | "copy" | "columns" | "add-contact")[];

package/types/components/wt-action-bar/wt-action-bar.vue.d.ts

@@ -19,53 +19,53 @@ declare const __VLS_component: import("vue").DefineComponent<{}, {
     };
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 type __VLS_Slots = {
+    delete?: (props: {
+        action: "delete" | "filters" | "add" | "variables" | "refresh" | "upload" | "download" | "copy" | "columns" | "add-contact";
+        size: string;
+        onClick: () => void;
+    }) => any;
     filters?: (props: {
-        action: "filters" | "add" | "delete" | "refresh" | "upload" | "download" | "copy" | "columns" | "variables" | "add-contact";
+        action: "delete" | "filters" | "add" | "variables" | "refresh" | "upload" | "download" | "copy" | "columns" | "add-contact";
         size: string;
         onClick: () => void;
     }) => any;
     add?: (props: {
-        action: "filters" | "add" | "delete" | "refresh" | "upload" | "download" | "copy" | "columns" | "variables" | "add-contact";
+        action: "delete" | "filters" | "add" | "variables" | "refresh" | "upload" | "download" | "copy" | "columns" | "add-contact";
         size: string;
         onClick: () => void;
     }) => any;
-    delete?: (props: {
-        action: "filters" | "add" | "delete" | "refresh" | "upload" | "download" | "copy" | "columns" | "variables" | "add-contact";
+    variables?: (props: {
+        action: "delete" | "filters" | "add" | "variables" | "refresh" | "upload" | "download" | "copy" | "columns" | "add-contact";
         size: string;
         onClick: () => void;
     }) => any;
     refresh?: (props: {
-        action: "filters" | "add" | "delete" | "refresh" | "upload" | "download" | "copy" | "columns" | "variables" | "add-contact";
+        action: "delete" | "filters" | "add" | "variables" | "refresh" | "upload" | "download" | "copy" | "columns" | "add-contact";
         size: string;
         onClick: () => void;
     }) => any;
     upload?: (props: {
-        action: "filters" | "add" | "delete" | "refresh" | "upload" | "download" | "copy" | "columns" | "variables" | "add-contact";
+        action: "delete" | "filters" | "add" | "variables" | "refresh" | "upload" | "download" | "copy" | "columns" | "add-contact";
         size: string;
         onClick: () => void;
     }) => any;
     download?: (props: {
-        action: "filters" | "add" | "delete" | "refresh" | "upload" | "download" | "copy" | "columns" | "variables" | "add-contact";
+        action: "delete" | "filters" | "add" | "variables" | "refresh" | "upload" | "download" | "copy" | "columns" | "add-contact";
         size: string;
         onClick: () => void;
     }) => any;
     copy?: (props: {
-        action: "filters" | "add" | "delete" | "refresh" | "upload" | "download" | "copy" | "columns" | "variables" | "add-contact";
+        action: "delete" | "filters" | "add" | "variables" | "refresh" | "upload" | "download" | "copy" | "columns" | "add-contact";
         size: string;
         onClick: () => void;
     }) => any;
     columns?: (props: {
-        action: "filters" | "add" | "delete" | "refresh" | "upload" | "download" | "copy" | "columns" | "variables" | "add-contact";
-        size: string;
-        onClick: () => void;
-    }) => any;
-    variables?: (props: {
-        action: "filters" | "add" | "delete" | "refresh" | "upload" | "download" | "copy" | "columns" | "variables" | "add-contact";
+        action: "delete" | "filters" | "add" | "variables" | "refresh" | "upload" | "download" | "copy" | "columns" | "add-contact";
         size: string;
         onClick: () => void;
     }) => any;
     "add-contact"?: (props: {
-        action: "filters" | "add" | "delete" | "refresh" | "upload" | "download" | "copy" | "columns" | "variables" | "add-contact";
+        action: "delete" | "filters" | "add" | "variables" | "refresh" | "upload" | "download" | "copy" | "columns" | "add-contact";
         size: string;
         onClick: () => void;
     }) => any;

package/types/components/wt-button-select/wt-button-select.vue.d.ts

@@ -5,12 +5,12 @@ type __VLS_WithSlots<T, S> = T & (new () => {
 });
 declare const __VLS_component: import("vue").DefineComponent<{}, {
     $emit: (event: "click" | "click:option", ...args: any[]) => void;
-    color: string;
     options: unknown[];
+    color: string;
     disabled: boolean;
     $props: {
-        readonly color?: string;
         readonly options?: unknown[];
+        readonly color?: string;
         readonly disabled?: boolean;
     };
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;

package/types/components/wt-confirm-dialog/wt-confirm-dialog.vue.d.ts

@@ -6,14 +6,14 @@ type __VLS_WithSlots<T, S> = T & (new () => {
 declare const __VLS_component: import("vue").DefineComponent<{}, {
     $emit: (event: "close" | "confirm", ...args: any[]) => void;
     title: string;
+    callback: Function;
     deleteMessage: string;
     subject: string;
-    callback: Function;
     $props: {
         readonly title?: string;
+        readonly callback?: Function;
         readonly deleteMessage?: string;
         readonly subject?: string;
-        readonly callback?: Function;
     };
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 type __VLS_Slots = {

package/types/components/wt-intersection-observer/wt-intersection-observer.vue.d.ts

@@ -1,10 +1,10 @@
 declare const _default: import("vue").DefineComponent<{}, {
     $emit: (event: "next", ...args: any[]) => void;
-    loading: boolean;
     next: Function;
+    loading: boolean;
     $props: {
-        readonly loading?: boolean;
         readonly next?: Function;
+        readonly loading?: boolean;
     };
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

package/types/components/wt-player/wt-player.vue.d.ts

@@ -96,6 +96,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     onClose?: (...args: any[]) => any;
     onInitialized?: (...args: any[]) => any;
 }>, {
+    position: string;
     download: string | boolean | Function;
     autoplay: boolean;
     loop: boolean;
@@ -105,6 +106,5 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     invertTime: boolean;
     resetVolume: boolean;
     closable: boolean;
-    position: string;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

package/types/components/wt-popover/wt-popover.vue.d.ts

@@ -1,5 +1,4 @@
 import { PopoverProps } from 'primevue';
-import Popover from 'primevue/popover';
 declare const attrs: {
     [x: string]: unknown;
 };
@@ -9,7 +8,6 @@ type __VLS_Slots = __VLS_PrettifyGlobal<__VLS_OmitStringIndex<typeof __VLS_ctx.$
     default?: (props: typeof __VLS_7) => any;
 }>;
 declare const __VLS_self: import("vue").DefineComponent<PopoverProps, {
-    Popover: typeof Popover;
     attrs: typeof attrs;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     hide: () => any;
@@ -28,9 +26,9 @@ declare const __VLS_self: import("vue").DefineComponent<PopoverProps, {
     closeOnEscape: boolean | undefined;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 declare const __VLS_component: import("vue").DefineComponent<PopoverProps, {
-    toggle: (...args: any[]) => void;
-    show: (...args: any[]) => void;
-    hide: (...args: any[]) => void;
+    toggle: (...args: any[]) => any;
+    show: (...args: any[]) => any;
+    hide: (...args: any[]) => any;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     hide: () => any;
     show: () => any;

package/types/components/wt-table/wt-table.vue.d.ts

@@ -121,8 +121,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     onSort?: (...args: any[]) => any;
     "onUpdate:selected"?: (...args: any[]) => any;
 }>, {
-    data: unknown[];
     headers: unknown[];
+    data: unknown[];
     sortable: boolean;
     selectable: boolean;
     gridActions: boolean;

package/types/components/wt-timepicker/wt-timepicker.vue.d.ts

@@ -138,8 +138,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     value: string | number;
     label: string;
     disabled: boolean;
-    dateMode: boolean;
     format: string;
+    dateMode: boolean;
     noLabel: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

package/types/locale/i18n.d.ts

@@ -2921,6 +2921,13 @@ declare const _default: import("vue-i18n").I18n<{
             };
             appNavigator: {
                 title: string;
+                admin: string;
+                agent: string;
+                supervisor: string;
+                audit: string;
+                history: string;
+                grafana: string;
+                crm: string;
             };
             headerActions: {
                 account: string;
@@ -2991,7 +2998,41 @@ declare const _default: import("vue-i18n").I18n<{
                     min: string;
                     unlimited: string;
                 };
+                statusSelectErrorPopup: {
+                    title: string;
+                    message: string;
+                };
             };
+            saveFailedPopup: {
+                title: string;
+                label: string;
+                exportToJson: string;
+            };
+            filters: {
+                datetime: {
+                    today: string;
+                    thisWeek: string;
+                    thisMonth: string;
+                    custom: string;
+                };
+            };
+        };
+        systemNotifications: {
+            success: {
+                update: ({ named }: {
+                    named: any;
+                }) => string;
+                create: ({ named }: {
+                    named: any;
+                }) => string;
+                delete: ({ named }: {
+                    named: any;
+                }) => string;
+            };
+        };
+        errorNotifications: {
+            chatHistoryApi: string;
+            markChatProcessed: string;
         };
     };
 }, {}, {}, string, true>;

package/types/locale/kz/kz.d.ts

@@ -210,7 +210,16 @@ declare namespace _default {
             let next: string;
         }
         namespace appNavigator {
-            let title: string;
+            export let title: string;
+            export let admin: string;
+            let agent_1: string;
+            export { agent_1 as agent };
+            let supervisor_1: string;
+            export { supervisor_1 as supervisor };
+            export let audit: string;
+            export let history: string;
+            export let grafana: string;
+            export let crm: string;
         }
         namespace headerActions {
             export let account: string;
@@ -294,8 +303,45 @@ declare namespace _default {
                 export { min_1 as min };
                 export let unlimited: string;
             }
+            namespace statusSelectErrorPopup {
+                let title_6: string;
+                export { title_6 as title };
+                export let message: string;
+            }
+        }
+        namespace saveFailedPopup {
+            let title_7: string;
+            export { title_7 as title };
+            export let label: string;
+            export let exportToJson: string;
+        }
+        namespace filters {
+            namespace datetime {
+                let today: string;
+                let thisWeek: string;
+                let thisMonth: string;
+                let custom: string;
+            }
         }
     }
+    export namespace systemNotifications {
+        namespace success {
+            export function update({ named }: {
+                named: any;
+            }): string;
+            export function create({ named }: {
+                named: any;
+            }): string;
+            export function _delete_1({ named }: {
+                named: any;
+            }): string;
+            export { _delete_1 as delete };
+        }
+    }
+    export namespace errorNotifications {
+        let chatHistoryApi: string;
+        let markChatProcessed: string;
+    }
 }
 export default _default;
 import CrmSections from '../../enums/WebitelApplications/CrmSections.enum.js';

package/types/modules/Userinfo/api/userinfo.d.ts

@@ -10,6 +10,6 @@ declare function userinfo(instance: any): {
         permissions: import("../v2/types/UserAccess").GlobalAccessApiResponseItem[];
         userId: string;
     }>;
-    logout: () => Promise<any>;
+    logout: () => Promise<import("axios").AxiosResponse<any, any>>;
     getUiVisibilityAccess: () => Promise<import("../v2/types/UserAccess").VisibilityAccess>;
 };

package/types/modules/Userinfo/v2/api/UserinfoAPI.d.ts

@@ -7,5 +7,5 @@ declare const getSession: () => Promise<{
     userId: string;
 }>;
 declare const getUiVisibilityAccess: () => Promise<VisibilityAccess>;
-declare const logout: () => Promise<any>;
+declare const logout: () => Promise<import("axios").AxiosResponse<any, any>>;
 export { getSession, getUiVisibilityAccess, logout, setInstance };

package/types/plugins/primevue/theme/components/popover/popover.d.ts

@@ -5,17 +5,16 @@ declare const popover: {
             background: string;
             borderColor: string;
             color: string;
-            shadow: string;
         };
         dark: {
             background: string;
             borderColor: string;
             color: string;
-            shadow: string;
         };
     };
     padding: string;
     gutter: string;
     arrowOffset: string;
     borderRadius: string;
+    shadow: string;
 };

package/types/plugins/primevue/theme/components/tooltip/tooltip.d.ts

@@ -5,14 +5,12 @@ declare const tooltip: {
             root: {
                 background: string;
                 color: string;
-                shadow: string;
             };
         };
         dark: {
             root: {
                 background: string;
                 color: string;
-                shadow: string;
             };
         };
     };
@@ -20,4 +18,5 @@ declare const tooltip: {
     gutter: string;
     padding: string;
     borderRadius: string;
+    shadow: string;
 };

package/types/scripts/caseConverters.d.ts

@@ -1 +1 @@
-export { camelToKebab, camelToSnake, kebabToCamel, kebabToSnake, objCamelToKebab, objCamelToSnake, objSnakeToCamel, snakeToCamel, snakeToKebab } from "@webitel/api-services/utils";
+export {};

package/types/scripts/sortQueryAdapters.d.ts

@@ -3,6 +3,6 @@ export const SortSymbols: Readonly<{
     DESC: "desc";
     NONE: any;
 }>;
-export function sortToQueryAdapter(order: any): "" | "+" | "-";
+export function sortToQueryAdapter(order: any): "" | "-" | "+";
 export function queryToSortAdapter(order: any): any;
 export function getNextSortOrder(sort: any): any;

package/types/components/wt-loader/_internals/wt-loader--md.vue.d.ts

@@ -1,2 +0,0 @@
-declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
-export default _default;

package/types/components/wt-loader/_internals/wt-loader--sm.vue.d.ts

@@ -1,16 +0,0 @@
-declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
-    color: {
-        type: StringConstructor;
-        default: string;
-        description: string;
-    };
-}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
-    color: {
-        type: StringConstructor;
-        default: string;
-        description: string;
-    };
-}>> & Readonly<{}>, {
-    color: string;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
-export default _default;