@webitel/ui-sdk 26.8.132 → 26.8.134

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

@@ -7,6 +7,7 @@ import {
 	AuditorSections,
 	CrmSections,
 	SupervisorSections,
+	WfmSections,
 	WtApplication,
 } from '../../../enums';
 
@@ -33,6 +34,9 @@ export type ApplicationsAccessSchema = {
 } & {
 	[WtApplication.Crm]: BaseAccessSchema &
 		Partial<Record<CrmSections, BaseAccessSchema>>;
+} & {
+	[WtApplication.Wfm]: BaseAccessSchema &
+		Partial<Record<WfmSections, BaseAccessSchema>>;
 };
 
 const applicationsAccess = (value = true): ApplicationsAccessSchema => ({
@@ -280,6 +284,22 @@ const applicationsAccess = (value = true): ApplicationsAccessSchema => ({
 			_locale: `WtApplication.overrideApplicationsAccess.${WtApplication.Crm}.sections.${CrmSections.CustomLookups}`,
 		},
 	},
+	[WtApplication.Wfm]: {
+		_enabled: value,
+		_locale: `WtApplication.${WtApplication.Wfm}.name`,
+		[WfmSections.Agents]: {
+			_enabled: value,
+			_locale: `WtApplication.${WtApplication.Wfm}.sections.${WfmSections.Agents}`,
+		},
+		[WfmSections.Schedules]: {
+			_enabled: value,
+			_locale: `WtApplication.${WtApplication.Wfm}.sections.${WfmSections.Schedules}`,
+		},
+		[WfmSections.ForecastCalculation]: {
+			_enabled: value,
+			_locale: `WtApplication.${WtApplication.Wfm}.sections.${WfmSections.ForecastCalculation}`,
+		},
+	},
 });
 
 /**

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

@@ -0,0 +1,54 @@
+import { describe, expect, it } from 'vitest';
+
+import { WfmSections, WtApplication } from '../../../../enums';
+import ApplicationsAccess from '../ApplicationsAccess';
+
+const wfmSections = [
+	WfmSections.Agents,
+	WfmSections.Schedules,
+	WfmSections.ForecastCalculation,
+];
+
+describe('ApplicationsAccess', () => {
+	it('includes WFM application with its sections', () => {
+		const { access } = new ApplicationsAccess();
+
+		expect(access[WtApplication.Wfm]._enabled).toBe(true);
+		expect(access[WtApplication.Wfm]._locale).toBe(
+			`WtApplication.${WtApplication.Wfm}.name`,
+		);
+		wfmSections.forEach((section) => {
+			expect(access[WtApplication.Wfm][section]).toEqual({
+				_enabled: true,
+				_locale: `WtApplication.${WtApplication.Wfm}.sections.${section}`,
+			});
+		});
+	});
+
+	it('does not include lookups that are not moved to WFM yet', () => {
+		const { access } = new ApplicationsAccess();
+
+		expect(
+			access[WtApplication.Wfm][WfmSections.ShiftTemplates],
+		).toBeUndefined();
+		expect(
+			access[WtApplication.Wfm][WfmSections.PauseTemplates],
+		).toBeUndefined();
+		expect(
+			access[WtApplication.Wfm][WfmSections.WorkingConditions],
+		).toBeUndefined();
+	});
+
+	it('restores WFM as disabled when it is missing from saved access', () => {
+		const { access } = new ApplicationsAccess({
+			access: {
+				[WtApplication.Crm]: {
+					_enabled: true,
+				},
+			},
+		});
+
+		expect(access[WtApplication.Wfm]._enabled).toBe(false);
+		expect(access[WtApplication.Wfm][WfmSections.Agents]?._enabled).toBe(false);
+	});
+});

package/src/modules/Userinfo/mappings/__tests__/mappings.spec.ts

@@ -0,0 +1,32 @@
+import { describe, expect, it } from 'vitest';
+
+import {
+	AdminSections,
+	WfmSections,
+	WtApplication,
+	WtObject,
+} from '../../../../enums';
+import { castWtObjectToUiSection } from '../../scripts/utils';
+
+describe('mapWtObjectToUiSection', () => {
+	it('maps agents to WFM Agents section', () => {
+		expect(castWtObjectToUiSection(WtApplication.Wfm, WtObject.Agent)).toBe(
+			WfmSections.Agents,
+		);
+	});
+
+	it('keeps Admin mapping for lookups that are not moved to WFM yet', () => {
+		expect(
+			castWtObjectToUiSection(WtApplication.Admin, WtObject.ShiftTemplate),
+		).toBe(AdminSections.ShiftTemplates);
+		expect(
+			castWtObjectToUiSection(WtApplication.Admin, WtObject.PauseTemplate),
+		).toBe(AdminSections.PauseTemplates);
+		expect(
+			castWtObjectToUiSection(WtApplication.Admin, WtObject.WorkingCondition),
+		).toBe(AdminSections.WorkingConditions);
+		expect(
+			castWtObjectToUiSection(WtApplication.Wfm, WtObject.ShiftTemplate),
+		).toBeUndefined();
+	});
+});

package/src/modules/Userinfo/mappings/mappings.ts

@@ -6,6 +6,7 @@ import {
 	CrmSections,
 	CrudAction,
 	SupervisorSections,
+	WfmSections,
 	WtApplication,
 	WtObject,
 } from '../../../enums';
@@ -202,7 +203,8 @@ type UiSection =
 	| AdminSections
 	| AuditorSections
 	| CrmSections
-	| SupervisorSections;
+	| SupervisorSections
+	| WfmSections;
 export const mapWtObjectToUiSection: Partial<
 	Record<WtApplication, Partial<Record<WtObject, UiSection>>>
 > = {
@@ -274,7 +276,10 @@ export const mapWtObjectToUiSection: Partial<
 		[WtObject.Communication]: SupervisorSections.ActiveCalls,
 	},
 
-	[WtApplication.Wfm]: {},
+	// Wfm sections
+	[WtApplication.Wfm]: {
+		[WtObject.Agent]: WfmSections.Agents,
+	},
 };
 
 export const mapUiSectionToWtObject = invert(mapWtObjectToUiSection);
@@ -283,3 +288,4 @@ export const AdminSectionsValues = invert(AdminSections);
 export const AuditorSectionsValues = invert(AuditorSections);
 export const CrmSectionsValues = invert(CrmSections);
 export const SupervisorSectionsValues = invert(SupervisorSections);
+export const WfmSectionsValues = invert(WfmSections);

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

@@ -1,7 +1,5 @@
 import { defineStore } from 'pinia';
 import { ref } from 'vue';
-import type { NavigationGuard, RouteLocationNormalized } from 'vue-router';
-
 import { CrudAction, type WtApplication, type WtObject } from '../../../enums';
 import type { SpecialGlobalAction, WebitelLicense } from '../enums';
 import { wtObjectsWithGlobalSpecialActionAccessAsChecksSource } from '../mappings/mappings';
@@ -14,11 +12,13 @@ import {
 	shouldUseGlobalCrudActionAccessAsChecksSource,
 } from '../scripts/utils';
 import type {
+	AccessGuardRoute,
 	AppVisibilityMap,
 	CreateUserAccessStoreConfig,
 	CreateUserAccessStoreRawAccess,
 	FullUiSectionName,
 	GlobalActionAccessMap,
+	RouteAccessGuard,
 	ScopeAccessMap,
 	SectionVisibilityMap,
 	UiSection,
@@ -110,23 +110,21 @@ export const createUserAccessStore = ({
 			return allowAppVisibility && allowObjectAccess && allowSectionVisibility;
 		};
 
-		const routeAccessGuard: NavigationGuard = (to) => {
+		const routeAccessGuard: RouteAccessGuard = (to) => {
 			let wtApplication = to.matched
 				.toReversed()
 				.find(({ meta }) => meta.WtApplication)?.meta?.WtApplication as
 				| WtApplication
-				| ((route: RouteLocationNormalized) => WtApplication);
+				| ((route: AccessGuardRoute) => WtApplication);
 
 			/* find last because "matched" has top=>bottom routes order */
 			let uiSection = to.matched.toReversed().find(({ meta }) => meta.UiSection)
 				?.meta?.UiSection as
 				| UiSection
-				| ((route: RouteLocationNormalized) => UiSection);
+				| ((route: AccessGuardRoute) => UiSection);
 			/* find last because "matched" has top=>bottom routes order */
 			let wtObject = to.matched.toReversed().find(({ meta }) => meta.UiSection)
-				?.meta?.WtObject as
-				| WtObject
-				| ((route: RouteLocationNormalized) => WtObject);
+				?.meta?.WtObject as WtObject | ((route: AccessGuardRoute) => WtObject);
 
 			// if, then compute fn
 			if (typeof wtApplication === 'function') {

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

@@ -1,4 +1,7 @@
-import type { NavigationGuard } from 'vue-router';
+import type {
+	RouteLocationNormalized,
+	RouteLocationResolved,
+} from 'vue-router';
 
 import type {
 	AdminSections,
@@ -6,6 +9,7 @@ import type {
 	CrmSections,
 	CrudAction,
 	SupervisorSections,
+	WfmSections,
 	WtApplication,
 	WtObject,
 } from '../../../enums';
@@ -25,7 +29,8 @@ export type UiSection =
 	| AdminSections
 	| AuditorSections
 	| SupervisorSections
-	| CrmSections;
+	| CrmSections
+	| WfmSections;
 
 export type FullUiSectionName = `${WtApplication}/${UiSection}`;
 
@@ -108,6 +113,22 @@ export type AppVisibilityMap = Map<WtApplication, boolean>;
  * */
 export type SectionVisibilityMap = Map<FullUiSectionName, boolean>;
 
+/**
+ * [Claude] Route that access is checked for: a navigation target or a result of
+ * [Claude] `router.resolve()` (its `name` may be `null`).
+ */
+export type AccessGuardRoute = RouteLocationNormalized | RouteLocationResolved;
+
+/**
+ * [Claude] Checks route access by `to` only, so it can be called directly to get
+ * [Claude] a verdict (`=== true`) and still be passed to `router.beforeEach`.
+ */
+export type RouteAccessGuard = (to: AccessGuardRoute) =>
+	| true
+	| {
+			path: string;
+	  };
+
 export interface UserAccessStore {
 	initialize: (rawAccess: CreateUserAccessStoreRawAccess) => void;
 
@@ -116,7 +137,7 @@ export interface UserAccessStore {
 	hasUpdateAccess: (object?: WtObject) => boolean;
 	hasDeleteAccess: (object?: WtObject) => boolean;
 
-	routeAccessGuard: NavigationGuard;
+	routeAccessGuard: RouteAccessGuard;
 
 	hasSpecialGlobalActionAccess: (id: SpecialGlobalAction) => boolean;
 	hasGlobalCrudActionAccess: (action: CrudAction) => boolean;