@webitel/ui-sdk 26.2.70 → 26.2.71

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@webitel/ui-sdk",
-	"version": "26.2.70",
+	"version": "26.2.71",
 	"private": false,
 	"scripts": {
 		"make-all": "npm version patch --git-tag-version false && npm run build && (npm run build:types || true) && (npm run biome:format:all || true) && npm run publish-lib",
@@ -94,9 +94,6 @@
 		"zod": "^4.x"
 	},
 	"peerDependenciesMeta": {
-		"@vuelidate/core": {
-			"optional": true
-		},
 		"@vuelidate/validators": {
 			"optional": true
 		},
@@ -114,6 +111,8 @@
 		}
 	},
 	"devDependencies": {
+		"@vuelidate/core": "^2.0.3",
+		"@vuelidate/validators": "^2.0.4",
 		"@biomejs/biome": "^2.3.11",
 		"@regle/core": "^1.16.2",
 		"@tsconfig/node22": "^22.0.0",
@@ -140,12 +139,13 @@
 		"prismjs": "^1.30.0",
 		"publint": "^0.3.16",
 		"sass": "^1.85.1",
+		"type-fest": "^5.4.4",
 		"typedoc-github-wiki-theme": "^2.1.0",
 		"typescript": "^5.9.x",
 		"typescript-plugin-css-modules": "^5.1.0",
 		"unplugin-auto-import": "^20.3.x",
 		"vidstack": "^1.12.13",
-		"vite": "npm:rolldown-vite@latest",
+		"vite": "^7.3.1",
 		"vite-plugin-checker": "^0.12.0",
 		"vite-plugin-node-polyfills": "^0.24.x",
 		"vite-plugin-static-copy": "^3.1.x",

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

@@ -1,6 +1,6 @@
-import { AdjunctTypesAPI as CustomTypesAPI } from '@webitel/api-services/api';
 import deepCopy from 'deep-copy';
 import deepmerge from 'deepmerge';
+import type { PartialDeep } from 'type-fest';
 
 import {
 	AdminSections,
@@ -10,7 +10,32 @@ import {
 	WtApplication,
 } from '../../../enums';
 
-const applicationsAccess = (value = true) => ({
+type BaseAccessSchema = {
+	_enabled: boolean;
+	_locale: string;
+};
+
+export type ApplicationsAccessSchema = {
+	[WtApplication.Agent]: BaseAccessSchema;
+} & {
+	[WtApplication.History]: BaseAccessSchema;
+} & {
+	[WtApplication.Analytics]: BaseAccessSchema;
+} & {
+	[WtApplication.Supervisor]: BaseAccessSchema &
+		Partial<Record<SupervisorSections, BaseAccessSchema>>;
+} & {
+	[WtApplication.Admin]: BaseAccessSchema &
+		Partial<Record<AdminSections, BaseAccessSchema>>;
+} & {
+	[WtApplication.Audit]: BaseAccessSchema &
+		Partial<Record<AuditorSections, BaseAccessSchema>>;
+} & {
+	[WtApplication.Crm]: BaseAccessSchema &
+		Partial<Record<CrmSections, BaseAccessSchema>>;
+};
+
+const applicationsAccess = (value = true): ApplicationsAccessSchema => ({
 	[WtApplication.Agent]: {
 		_enabled: value,
 		_locale: `WtApplication.${WtApplication.Agent}.name`,
@@ -256,9 +281,17 @@ const applicationsAccess = (value = true) => ({
 /**
  */
 export default class ApplicationsAccess {
+	access: ApplicationsAccessSchema;
+
 	// value param could be passed to set same value for all options
 	constructor(
-		{ access, value } = {
+		{
+			access,
+			value,
+		}: {
+			access?: PartialDeep<ApplicationsAccessSchema>;
+			value?: boolean;
+		} = {
 			value: true,
 		},
 	) {

package/src/modules/Userinfo/scripts/utils.ts

@@ -94,11 +94,11 @@ export const makeSectionVisibilityMap = (
 
 	if (!rawVisibility) return map;
 
-	Object.values(rawVisibility).forEach((appSectionsVisibility) => {
+	Object.entries(rawVisibility).forEach(([app, appSectionsVisibility]) => {
 		Object.entries(appSectionsVisibility).forEach(([section, visibility]) => {
 			if (section.startsWith('_')) return map; // skip private fields
 			map.set(
-				section,
+				`${app}/${section}`,
 				(
 					visibility as {
 						_enabled: boolean;
@@ -137,26 +137,6 @@ export const castWtObjectToUiSection = (object: WtObject): UiSection => {
 	return mapWtObjectToUiSection[object];
 };
 
-export const getWtAppByUiSection = (section: UiSection): WtApplication => {
-	/* use inverted maps because UiSection is the enum value, not key */
-	if (AdminSectionsValues[section]) {
-		return WtApplication.Admin;
-	}
-	if (AuditorSectionsValues[section]) {
-		return WtApplication.Audit;
-	}
-	if (CrmSectionsValues[section]) {
-		return WtApplication.Crm;
-	}
-	if (SupervisorSectionsValues[section]) {
-		return WtApplication.Supervisor;
-	}
-
-	// then => custom lookup
-	// console.info(`Havent found app for section: ${section}, fallback to crm`);
-	return WtApplication.Crm;
-};
-
 export const shouldUseGlobalSpecialActionAccessAsChecksSource = (
 	object: WtObject,
 ): boolean => {

package/src/modules/Userinfo/stores/accessStore.ts

@@ -6,7 +6,6 @@ import { CrudAction, type WtApplication, type WtObject } from '../../../enums';
 import type { SpecialGlobalAction, WebitelLicense } from '../enums';
 import { wtObjectsWithGlobalSpecialActionAccessAsChecksSource } from '../mappings/mappings';
 import {
-	getWtAppByUiSection,
 	makeAppVisibilityMap,
 	makeGlobalAccessMap,
 	makeLicenseAccessMap,
@@ -19,6 +18,7 @@ import type {
 	AppVisibilityMap,
 	CreateUserAccessStoreConfig,
 	CreateUserAccessStoreRawAccess,
+	FullUiSectionName,
 	GlobalActionAccessMap,
 	ScopeAccessMap,
 	SectionVisibilityMap,
@@ -88,13 +88,21 @@ export const createUserAccessStore = ({
 			return appVisibilityAccess.value.get(app);
 		};
 
-		const hasSectionVisibility = (section: UiSection, object: WtObject) => {
+		const hasSectionVisibility = ({
+			section,
+			object,
+			app: appOfSection,
+		}: {
+			section: UiSection;
+			object: WtObject;
+			app: WtApplication;
+		}) => {
 			if (bypassMode.value) return true;
 
-			const appOfSection = getWtAppByUiSection(section);
 			const objectOfSection = object; /*castUiSectionToWtObject(section)*/
 			const hasSectionVisibilityAccess = (section: UiSection) => {
-				return sectionVisibilityAccess.value.get(section);
+				const fullSectionName: FullUiSectionName = `${appOfSection}/${section}`;
+				return sectionVisibilityAccess.value.get(fullSectionName);
 			};
 
 			const allowAppVisibility = hasApplicationVisibility(appOfSection);
@@ -140,7 +148,14 @@ export const createUserAccessStore = ({
 				};
 			}
 
-			if (uiSection && !hasSectionVisibility(uiSection, wtObject)) {
+			if (
+				uiSection &&
+				!hasSectionVisibility({
+					section: uiSection,
+					object: wtObject,
+					app: wtApplication,
+				})
+			) {
 				return {
 					path: '/access-denied',
 				};

package/src/modules/Userinfo/types/UserAccess.d.ts

@@ -15,6 +15,7 @@ import type {
 	SpecialGlobalAction,
 	WebitelLicense,
 } from '../enums';
+import type { ApplicationsAccessSchema } from '../classes/ApplicationsAccess';
 
 /**
  * @description
@@ -26,6 +27,8 @@ export type UiSection =
 	| SupervisorSections
 	| CrmSections;
 
+export type FullUiSectionName = `${WtApplication}/${UiSection}`;
+
 /**
  * @internal
  * @description Received from backend
@@ -54,7 +57,7 @@ export interface ScopeAccessApiResponseItem {
  * @description
  * Represents admin->permissions->roles->access.
  * */
-export type VisibilityAccess = unknown;
+export type VisibilityAccess = ApplicationsAccessSchema;
 
 /**
  * @internal
@@ -103,7 +106,7 @@ export type AppVisibilityMap = Map<WtApplication, boolean>;
  * @description
  * Map is used for quick access to user permissions
  * */
-export type SectionVisibilityMap = Map<UiSection, boolean>;
+export type SectionVisibilityMap = Map<FullUiSectionName, boolean>;
 
 export interface UserAccessStore {
 	initialize: (CreateUserAccessStoreRawAccess) => void;
@@ -117,9 +120,14 @@ export interface UserAccessStore {
 
 	hasSpecialGlobalActionAccess: (id: SpecialGlobalAction) => boolean;
 	hasGlobalCrudActionAccess: (action: CrudAction) => boolean;
+	hasLicense: (license: WebitelLicense) => boolean;
 
 	hasApplicationVisibility: (app: WtApplication) => boolean;
-	hasSectionVisibility: (section: UiSection, object: WtObject) => boolean;
+	hasSectionVisibility: ({
+		section: UiSection,
+		object: WtObject,
+		app: WtApplication,
+	}) => boolean;
 
 	/**
 	 * @internal

package/types/modules/Userinfo/classes/ApplicationsAccess.d.ts

@@ -1,251 +1,42 @@
+import type { PartialDeep } from 'type-fest';
+import { AdminSections, AuditorSections, CrmSections, SupervisorSections, WtApplication } from '../../../enums';
+type BaseAccessSchema = {
+    _enabled: boolean;
+    _locale: string;
+};
+export type ApplicationsAccessSchema = {
+    [WtApplication.Agent]: BaseAccessSchema;
+} & {
+    [WtApplication.History]: BaseAccessSchema;
+} & {
+    [WtApplication.Analytics]: BaseAccessSchema;
+} & {
+    [WtApplication.Supervisor]: BaseAccessSchema & Partial<Record<SupervisorSections, BaseAccessSchema>>;
+} & {
+    [WtApplication.Admin]: BaseAccessSchema & Partial<Record<AdminSections, BaseAccessSchema>>;
+} & {
+    [WtApplication.Audit]: BaseAccessSchema & Partial<Record<AuditorSections, BaseAccessSchema>>;
+} & {
+    [WtApplication.Crm]: BaseAccessSchema & Partial<Record<CrmSections, BaseAccessSchema>>;
+};
 /**
  */
 export default class ApplicationsAccess {
-    constructor({ access, value }?: {
-        value: boolean;
+    access: ApplicationsAccessSchema;
+    constructor({ access, value, }?: {
+        access?: PartialDeep<ApplicationsAccessSchema>;
+        value?: boolean;
     });
     static minify(access: any): any;
     static restore(access: any): {
-        agent: {
-            _enabled: boolean;
-            _locale: string;
-        };
-        history: {
-            _enabled: boolean;
-            _locale: string;
-        };
-        grafana: {
-            _enabled: boolean;
-            _locale: string;
-        };
-        supervisor: {
-            _enabled: boolean;
-            _locale: string;
-            queues: {
-                _enabled: boolean;
-                _locale: string;
-            };
-            agents: {
-                _enabled: boolean;
-                _locale: string;
-            };
-            "active-calls": {
-                _enabled: boolean;
-                _locale: string;
-            };
-        };
-        admin: {
-            _enabled: boolean;
-            _locale: string;
-            license: {
-                _enabled: boolean;
-                _locale: string;
-            };
-            users: {
-                _enabled: boolean;
-                _locale: string;
-            };
-            devices: {
-                _enabled: boolean;
-                _locale: string;
-            };
-            flow: {
-                _enabled: boolean;
-                _locale: string;
-            };
-            dialplan: {
-                _enabled: boolean;
-                _locale: string;
-            };
-            gateways: {
-                _enabled: boolean;
-                _locale: string;
-            };
-            chatplan: {
-                _enabled: boolean;
-                _locale: string;
-            };
-            "chat-gateways": {
-                _enabled: boolean;
-                _locale: string;
-            };
-            skills: {
-                _enabled: boolean;
-                _locale: string;
-            };
-            buckets: {
-                _enabled: boolean;
-                _locale: string;
-            };
-            blacklist: {
-                _enabled: boolean;
-                _locale: string;
-            };
-            regions: {
-                _enabled: boolean;
-                _locale: string;
-            };
-            calendars: {
-                _enabled: boolean;
-                _locale: string;
-            };
-            communications: {
-                _enabled: boolean;
-                _locale: string;
-            };
-            "pause-cause": {
-                _enabled: boolean;
-                _locale: string;
-            };
-            media: {
-                _enabled: boolean;
-                _locale: string;
-            };
-            "shift-templates": {
-                _enabled: boolean;
-                _locale: string;
-            };
-            "pause-templates": {
-                _enabled: boolean;
-                _locale: string;
-            };
-            "working-conditions": {
-                _enabled: boolean;
-                _locale: string;
-            };
-            "quick-replies": {
-                _enabled: boolean;
-                _locale: string;
-            };
-            agents: {
-                _enabled: boolean;
-                _locale: string;
-            };
-            teams: {
-                _enabled: boolean;
-                _locale: string;
-            };
-            resources: {
-                _enabled: boolean;
-                _locale: string;
-            };
-            "resource-groups": {
-                _enabled: boolean;
-                _locale: string;
-            };
-            queues: {
-                _enabled: boolean;
-                _locale: string;
-            };
-            storage: {
-                _enabled: boolean;
-                _locale: string;
-            };
-            "storage-policies": {
-                _enabled: boolean;
-                _locale: string;
-            };
-            "cognitive-profiles": {
-                _enabled: boolean;
-                _locale: string;
-            };
-            "email-profiles": {
-                _enabled: boolean;
-                _locale: string;
-            };
-            "single-sign-on": {
-                _enabled: boolean;
-                _locale: string;
-            };
-            "import-csv": {
-                _enabled: boolean;
-                _locale: string;
-            };
-            triggers: {
-                _enabled: boolean;
-                _locale: string;
-            };
-            roles: {
-                _enabled: boolean;
-                _locale: string;
-            };
-            objects: {
-                _enabled: boolean;
-                _locale: string;
-            };
-            changelogs: {
-                _enabled: boolean;
-                _locale: string;
-            };
-            configuration: {
-                _enabled: boolean;
-                _locale: string;
-            };
-            "global-variables": {
-                _enabled: boolean;
-                _locale: string;
-            };
-        };
-        audit: {
-            _enabled: boolean;
-            _locale: string;
-            scorecards: {
-                _enabled: boolean;
-                _locale: string;
-            };
-        };
-        crm: {
-            _enabled: boolean;
-            _locale: string;
-            contacts: {
-                _enabled: boolean;
-                _locale: string;
-            };
-            cases: {
-                _enabled: boolean;
-                _locale: string;
-            };
-            slas: {
-                _enabled: boolean;
-                _locale: string;
-            };
-            sources: {
-                _enabled: boolean;
-                _locale: string;
-            };
-            "service-catalogs": {
-                _enabled: boolean;
-                _locale: string;
-            };
-            "close-reason-groups": {
-                _enabled: boolean;
-                _locale: string;
-            };
-            "contact-groups": {
-                _enabled: boolean;
-                _locale: string;
-            };
-            priorities: {
-                _enabled: boolean;
-                _locale: string;
-            };
-            statuses: {
-                _enabled: boolean;
-                _locale: string;
-            };
-            "ext-cases": {
-                _enabled: boolean;
-                _locale: string;
-            };
-            "ext-contacts": {
-                _enabled: boolean;
-                _locale: string;
-            };
-            "custom-lookups": {
-                _enabled: boolean;
-                _locale: string;
-            };
-        };
+        agent: BaseAccessSchema;
+        history: BaseAccessSchema;
+        grafana: BaseAccessSchema;
+        supervisor: BaseAccessSchema & Partial<Record<SupervisorSections, BaseAccessSchema>>;
+        admin: BaseAccessSchema & Partial<Record<AdminSections, BaseAccessSchema>>;
+        audit: BaseAccessSchema & Partial<Record<AuditorSections, BaseAccessSchema>>;
+        crm: BaseAccessSchema & Partial<Record<CrmSections, BaseAccessSchema>>;
     };
-    getAccess(): any;
+    getAccess(): ApplicationsAccessSchema;
 }
+export {};

package/types/modules/Userinfo/scripts/utils.d.ts

@@ -1,4 +1,4 @@
-import { WtApplication, type WtObject } from '../../../enums';
+import { type WtObject } from '../../../enums';
 import type { AppVisibilityMap, GlobalAccessApiResponseItem, GlobalActionAccessMap, LicenseAccessMap, ScopeAccessApiResponseItem, ScopeAccessMap, SectionVisibilityMap, UiSection, VisibilityAccess, WebitelLicenseInfo } from '../types/UserAccess.d';
 export declare const makeGlobalAccessMap: (rawGlobalAccess: GlobalAccessApiResponseItem[]) => GlobalActionAccessMap;
 export declare const makeScopeAccessMap: (rawScope: ScopeAccessApiResponseItem[]) => ScopeAccessMap;
@@ -7,6 +7,5 @@ export declare const makeSectionVisibilityMap: (rawVisibility: VisibilityAccess)
 export declare const makeLicenseAccessMap: (rawLicense: WebitelLicenseInfo[]) => LicenseAccessMap;
 export declare const castUiSectionToWtObject: (section: UiSection) => WtObject;
 export declare const castWtObjectToUiSection: (object: WtObject) => UiSection;
-export declare const getWtAppByUiSection: (section: UiSection) => WtApplication;
 export declare const shouldUseGlobalSpecialActionAccessAsChecksSource: (object: WtObject) => boolean;
 export declare const shouldUseGlobalCrudActionAccessAsChecksSource: (object: WtObject) => boolean;

package/types/modules/Userinfo/stores/accessStore.d.ts

@@ -1,2 +1,2 @@
 import type { CreateUserAccessStoreConfig, UserAccessStore } from '../types/UserAccess.d';
-export declare const createUserAccessStore: ({ namespace, }?: CreateUserAccessStoreConfig) => import("pinia").StoreDefinition<`${string}/access`, Pick<UserAccessStore, "globalAccess" | "scopeAccess" | "appVisibilityAccess" | "sectionVisibilityAccess" | "licenseAccess">, Pick<UserAccessStore, never>, Pick<UserAccessStore, "initialize" | "hasReadAccess" | "hasCreateAccess" | "hasUpdateAccess" | "hasDeleteAccess" | "routeAccessGuard" | "hasSpecialGlobalActionAccess" | "hasGlobalCrudActionAccess" | "hasApplicationVisibility" | "hasSectionVisibility">>;
+export declare const createUserAccessStore: ({ namespace, }?: CreateUserAccessStoreConfig) => import("pinia").StoreDefinition<`${string}/access`, Pick<UserAccessStore, "globalAccess" | "scopeAccess" | "appVisibilityAccess" | "sectionVisibilityAccess" | "licenseAccess">, Pick<UserAccessStore, never>, Pick<UserAccessStore, "initialize" | "hasReadAccess" | "hasCreateAccess" | "hasUpdateAccess" | "hasDeleteAccess" | "routeAccessGuard" | "hasSpecialGlobalActionAccess" | "hasGlobalCrudActionAccess" | "hasLicense" | "hasApplicationVisibility" | "hasSectionVisibility">>;

package/types/modules/Userinfo/stores/userinfoStore.d.ts

@@ -8,14 +8,18 @@ export declare const createUserinfoStore: () => import("pinia").StoreDefinition<
     hasCreateAccess: (object?: pick) => boolean;
     hasUpdateAccess: (object?: pick) => boolean;
     hasDeleteAccess: (object?: pick) => boolean;
-    hasLicense: any;
-    hasSectionVisibility: (section: import("../types/UserAccess").UiSection, object: pick) => boolean;
+    hasLicense: (license: import("..").WebitelLicense) => boolean;
+    hasSectionVisibility: ({ section: UiSection, object: WtObject, app: WtApplication, }: {
+        section: any;
+        object: any;
+        app: any;
+    }) => boolean;
     routeAccessGuard: import("vue-router").NavigationGuard;
     hasGlobalCrudActionAccess: (action: pick) => boolean;
     hasSpecialGlobalActionAccess: (id: import("..").SpecialGlobalAction) => boolean;
     hasApplicationVisibility: (app: pick) => boolean;
     logoutUser: () => Promise<void>;
-}, any>, Pick<{
+}, "timezone" | "userId" | "userInfo">, Pick<{
     userId: import("vue").Ref<any, any>;
     userInfo: import("vue").Ref<any, any>;
     timezone: import("vue").Ref<string, string>;
@@ -24,14 +28,18 @@ export declare const createUserinfoStore: () => import("pinia").StoreDefinition<
     hasCreateAccess: (object?: pick) => boolean;
     hasUpdateAccess: (object?: pick) => boolean;
     hasDeleteAccess: (object?: pick) => boolean;
-    hasLicense: any;
-    hasSectionVisibility: (section: import("../types/UserAccess").UiSection, object: pick) => boolean;
+    hasLicense: (license: import("..").WebitelLicense) => boolean;
+    hasSectionVisibility: ({ section: UiSection, object: WtObject, app: WtApplication, }: {
+        section: any;
+        object: any;
+        app: any;
+    }) => boolean;
     routeAccessGuard: import("vue-router").NavigationGuard;
     hasGlobalCrudActionAccess: (action: pick) => boolean;
     hasSpecialGlobalActionAccess: (id: import("..").SpecialGlobalAction) => boolean;
     hasApplicationVisibility: (app: pick) => boolean;
     logoutUser: () => Promise<void>;
-}, any>, Pick<{
+}, never>, Pick<{
     userId: import("vue").Ref<any, any>;
     userInfo: import("vue").Ref<any, any>;
     timezone: import("vue").Ref<string, string>;
@@ -40,11 +48,15 @@ export declare const createUserinfoStore: () => import("pinia").StoreDefinition<
     hasCreateAccess: (object?: pick) => boolean;
     hasUpdateAccess: (object?: pick) => boolean;
     hasDeleteAccess: (object?: pick) => boolean;
-    hasLicense: any;
-    hasSectionVisibility: (section: import("../types/UserAccess").UiSection, object: pick) => boolean;
+    hasLicense: (license: import("..").WebitelLicense) => boolean;
+    hasSectionVisibility: ({ section: UiSection, object: WtObject, app: WtApplication, }: {
+        section: any;
+        object: any;
+        app: any;
+    }) => boolean;
     routeAccessGuard: import("vue-router").NavigationGuard;
     hasGlobalCrudActionAccess: (action: pick) => boolean;
     hasSpecialGlobalActionAccess: (id: import("..").SpecialGlobalAction) => boolean;
     hasApplicationVisibility: (app: pick) => boolean;
     logoutUser: () => Promise<void>;
-}, any>>;
+}, "initialize" | "hasReadAccess" | "hasCreateAccess" | "hasUpdateAccess" | "hasDeleteAccess" | "routeAccessGuard" | "hasSpecialGlobalActionAccess" | "hasGlobalCrudActionAccess" | "hasLicense" | "hasApplicationVisibility" | "hasSectionVisibility" | "logoutUser">>;