@finema/finework-layer 1.0.64 → 1.0.66

package/CHANGELOG.md

@@ -1,5 +1,13 @@
 # Changelog
 
+## [1.0.66](https://gitlab.finema.co/finema/finework/finework-frontend-layer/compare/1.0.65...1.0.66) (2026-05-26)
+
+### Features
+
+* enhance permission system to support custom string-based permissions ([94cb037](https://gitlab.finema.co/finema/finework/finework-frontend-layer/commit/94cb0376f33c9e9f76b4cc63ee84c3fe44b41880))
+
+## [1.0.65](https://gitlab.finema.co/finema/finework/finework-frontend-layer/compare/1.0.64...1.0.65) (2026-05-26)
+
 ## [1.0.64](https://gitlab.finema.co/finema/finework/finework-frontend-layer/compare/1.0.63...1.0.64) (2026-05-25)
 
 ### Features

package/app/components/Layout/Admin/Sidebar.vue

@@ -188,7 +188,7 @@
 import type { NavigationMenuItem } from '@nuxt/ui'
 import { computed } from 'vue'
 import { useRoute } from 'vue-router'
-import type { Permission, UserModule } from '#imports'
+import type { UserModule } from '#imports'
 import Navbar from '../Apps.vue'
 
 defineEmits<{
@@ -318,7 +318,8 @@ const filterItems = (items: NavigationMenuItem[]): NavigationMenuItem[] => {
         // Extract all permission levels
         const permissionLevels = permissionStrings.map(
           (p) => p.split(':')[1],
-        ) as Permission[]
+        )
+          .filter((p): p is string => !!p)
 
         return auth.hasPermission(moduleStr as UserModule, ...permissionLevels)
       }

package/app/composables/useAuth.ts

@@ -5,6 +5,8 @@ export enum Permission {
   NONE = 'NONE',
 }
 
+export type AccessPermission = Permission | string
+
 export const PERMISSION_LABEL = {
   [Permission.ADMIN]: 'Admin',
   [Permission.USER]: 'User',
@@ -85,6 +87,7 @@ export interface IUserProfile {
 export enum UserModule {
   CHECKIN = 'clockin',
   PMO = 'pmo',
+  PMO_TAB = 'pmo_tab',
   TIMESHEET = 'timesheet',
   SETTING = 'setting',
   QUOTATION = 'quotation',
@@ -105,6 +108,7 @@ export enum UserModule {
 export interface IUserAccessLevel {
   used_id: string
   pmo: Permission.USER | Permission.ADMIN | Permission.SUPER
+  pmo_tab?: string[]
   clockin: Permission.USER | Permission.ADMIN
   timesheet: Permission.USER | Permission.ADMIN | Permission.SUPER
   setting: Permission.USER | Permission.SUPER
@@ -225,7 +229,7 @@ export const useAuth = () => {
     me.set(null)
   })
 
-  const hasPermission = (module: UserModule, ...permissions: Permission[]) => {
+  const hasPermission = (module: UserModule, ...permissions: AccessPermission[]) => {
     const accessLevel = me.value?.access_level
 
     if (!accessLevel) {

package/app/middleware/permissions.ts

@@ -1,7 +1,7 @@
 import { defineNuxtRouteMiddleware, useAuth, navigateTo, abortNavigation } from '#imports'
 
 export interface AccessGuardOptions {
-  permissions?: `${UserModule}:${Permission}`[]
+  permissions?: `${UserModule}:${string}`[]
   redirectTo?: string
 }
 
@@ -11,7 +11,7 @@ export default defineNuxtRouteMiddleware(async (to, from) => {
 
   if (
     options.permissions?.some((perm) => {
-      const [module, permission] = perm.split(':') as [UserModule, Permission]
+      const [module, permission] = perm.split(':') as [UserModule, string]
 
       return auth.hasPermission(module, permission)
     })

package/bun.lock

@@ -5,7 +5,7 @@
     "": {
       "name": "@finema/finework-layer",
       "dependencies": {
-        "@finema/core": "^3.16.5",
+        "@finema/core": "^3.16.9",
       },
       "devDependencies": {
         "@finema/eslint-config": "^2.0.3",
@@ -184,7 +184,7 @@
 
     "@eslint/plugin-kit": ["@eslint/plugin-kit@0.4.1", "", { "dependencies": { "@eslint/core": "^0.17.0", "levn": "^0.4.1" } }, "sha512-43/qtrDUokr7LJqoF2c3+RInu/t4zfrpYdoSDfYyhg52rwLV6TnOvdG4fXm7IkSB3wErkcmJS9iEhjVtOSEjjA=="],
 
-    "@finema/core": ["@finema/core@3.16.5", "", { "dependencies": { "@iconify-json/heroicons": "^1.2.2", "@iconify-json/ph": "^1.2.2", "@iconify-json/svg-spinners": "^1.2.2", "@nuxt/kit": "^4.1.3", "@nuxt/ui": "^4.5.0", "@pinia/nuxt": "^0.11.0", "@tailwindcss/typography": "^0.5.0-alpha.3", "@tiptap/extension-text-align": "^3.18.0", "@vee-validate/nuxt": "^4.15.1", "@vee-validate/valibot": "^4.15.1", "@vuepic/vue-datepicker": "^11.0.2", "@vueuse/components": "^13.9.0", "@vueuse/core": "^13.9.0", "@wdns/vue-code-block": "^2.3.5", "axios": "^1.10.0", "date-fns": "^4.1.0", "date-fns-tz": "^3.2.0", "defu": "^6.1.4", "lodash-es": "^4.17.21", "maska": "^3.1.1", "url-join": "^5.0.0" } }, "sha512-NT8m5Q4pDIL0ktLOecd6aN9NKB5Jh4eAQaGEmYNDpz7zdFRETUpl+AihxoZRK9ok3X+lkIfId7Z3EAjxUpeuiA=="],
+    "@finema/core": ["@finema/core@3.16.9", "", { "dependencies": { "@iconify-json/heroicons": "^1.2.2", "@iconify-json/ph": "^1.2.2", "@iconify-json/svg-spinners": "^1.2.2", "@nuxt/kit": "^4.1.3", "@nuxt/ui": "^4.5.0", "@pinia/nuxt": "^0.11.0", "@tailwindcss/typography": "^0.5.0-alpha.3", "@tiptap/extension-text-align": "^3.18.0", "@vee-validate/nuxt": "^4.15.1", "@vee-validate/valibot": "^4.15.1", "@vuepic/vue-datepicker": "^11.0.2", "@vueuse/components": "^13.9.0", "@vueuse/core": "^13.9.0", "@wdns/vue-code-block": "^2.3.5", "axios": "^1.10.0", "date-fns": "^4.1.0", "date-fns-tz": "^3.2.0", "defu": "^6.1.4", "lodash-es": "^4.17.21", "maska": "^3.1.1", "url-join": "^5.0.0" } }, "sha512-QrdAJg//6zUHSHIu/w4XW/ObDeU6PP3vg4PruNi9rS+DQ4cJ242iBQ30bxmHH5yHrtWgqITrxMNz4JFweR0ymA=="],
 
     "@finema/eslint-config": ["@finema/eslint-config@2.0.4", "", { "dependencies": { "eslint-plugin-better-tailwindcss": "^3.7.10", "eslint-plugin-tailwindcss": "^3.18.2", "eslint-plugin-unused-imports": "^4.2.0" }, "peerDependencies": { "eslint": "^9.37.0" } }, "sha512-kKznMgbsOfPPg+td53dK36I3YFo6Ji4GAwKbVS2pimuQfcJT4mbgnEXCuW1Q/uNvUaFItr1NCSSD1LtEQTNNug=="],
 

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@finema/finework-layer",
   "type": "module",
-  "version": "1.0.64",
+  "version": "1.0.66",
   "main": "./nuxt.config.ts",
   "scripts": {
     "dev": "nuxi dev .playground -o",
@@ -30,7 +30,7 @@
     "vue": "latest"
   },
   "dependencies": {
-    "@finema/core": "^3.16.5"
+    "@finema/core": "^3.16.9"
   },
   "lint-staged": {
     "*": "eslint"