feat(portal): Add feature flag for PAT (#194)

Author: cnguyen-de

frontend/apps/portal/.env.local

@@ -7,3 +7,4 @@ VITE_USE_NEW_WIZARD=true
 VITE_USE_FUTURE_FOSS=false
 VITE_USE_FUTURE_PRODUCT=false
 VITE_USE_FUTURE_IT=true
+VITE_PERSONAL_ACCESS_TOKEN=true

frontend/apps/portal/nginx/config.json

@@ -5,5 +5,6 @@
   "VITE_PUBLIC_API_ENDPOINT": "https://localhost:3009/api/public/v1",
   "VITE_SERVER_URL": "https://localhost:3009",
   "VITE_USE_FUTURE_IT": true,
-  "VITE_USE_FUTURE_PRODUCT": true
+  "VITE_USE_FUTURE_PRODUCT": true,
+  "PERSONAL_ACCESS_TOKEN": true
 }

frontend/libs/portal/components/user/UserMain.vue

@@ -12,6 +12,7 @@ import profileService from '@disclosure-portal/services/profile';
 import {useAppStore} from '@disclosure-portal/stores/app';
 import {createNavItemsGroup, useUserStore} from '@disclosure-portal/stores/user';
 import {formatDate} from '@disclosure-portal/utils/View';
+import config from '@shared/utils/config';
 import {ref} from 'vue';
 import {useI18n} from 'vue-i18n';
 
@@ -113,7 +114,7 @@ const applyNewUserRoles = async (user: UserDto, forceNonInternal: boolean) => {
             <v-tab value="tasks">
               {{ t('TASKS') }}
             </v-tab>
-            <v-tab value="personalTokens" v-if="!hasUsersAccess">
+            <v-tab value="personalTokens" v-if="!hasUsersAccess && config.personalAccessToken">
               {{ t('PERSONAL_TOKENS') }}
             </v-tab>
             <v-tab value="auditLog" v-if="hasUsersAccess">
@@ -265,7 +266,7 @@ const applyNewUserRoles = async (user: UserDto, forceNonInternal: boolean) => {
                 :readOnly="hasUsersAccess"
                 :in-own-view="false" />
             </v-tabs-window-item>
-            <v-tabs-window-item value="personalTokens" v-if="!hasUsersAccess">
+            <v-tabs-window-item value="personalTokens" v-if="!hasUsersAccess && config.personalAccessToken">
               <GridPersonalToken />
             </v-tabs-window-item>
             <v-tabs-window-item value="auditLog" v-if="hasUsersAccess">

frontend/libs/shared/utils/config.ts

@@ -26,6 +26,7 @@ interface RuntimeConfig {
   useFutureIt?: boolean;
   enforceFOSSOfficeConfirmation?: boolean;
   useWinterTheme?: boolean;
+  personalAccessToken?: boolean;
 }
 // This configuration is used for local development, usually to run directly in dev machine
 let config = {
@@ -42,6 +43,7 @@ let config = {
   useFutureIt: import.meta.env.VITE_USE_FUTURE_IT === 'true',
   enforceFOSSOfficeConfirmation: false,
   useWinterTheme: false,
+  personalAccessToken: import.meta.env.VITE_PERSONAL_ACCESS_TOKEN === 'true',
 } satisfies RuntimeConfig;
 
 /**
@@ -84,6 +86,7 @@ export const setup = async () => {
       useFutureIt: runtimeConfig.data.VITE_USE_FUTURE_IT,
       enforceFOSSOfficeConfirmation: runtimeConfig.data.ENFORCE_CONFIRMATION,
       useWinterTheme: false,
+      personalAccessToken: runtimeConfig.data.PERSONAL_ACCESS_TOKEN ?? true,
     };
   }
 };