feat(addons): Move redirect service behind feature flag

Author: futa-ikeda

src/app/features/project/project-addons/project-addons.component.html

@@ -22,7 +22,7 @@
           {{ 'settings.addons.description' | translate }}
         </p>
         <osf-addons-toolbar
-          [categoryOptions]="categoryOptions"
+          [categoryOptions]="categoryOptions()"
           [searchControl]="searchControl"
           [(selectedCategory)]="selectedCategory"
         />
@@ -43,7 +43,7 @@
           {{ 'settings.addons.connectedDescription' | translate }}
         </p>
         <osf-addons-toolbar
-          [categoryOptions]="categoryOptions"
+          [categoryOptions]="categoryOptions()"
           [searchControl]="searchControl"
           [(selectedCategory)]="selectedCategory"
         />

src/app/features/project/project-addons/project-addons.component.ts

@@ -77,7 +77,6 @@ export class ProjectAddonsComponent implements OnInit {
   private destroyRef = inject(DestroyRef);
   private queryParamsService = inject(AddonsQueryParamsService);
   readonly tabOptions = ADDON_TAB_OPTIONS;
-  readonly categoryOptions = ADDON_CATEGORY_OPTIONS;
   readonly AddonTabValue = AddonTabValue;
   readonly defaultTabValue = AddonTabValue.ALL_ADDONS;
   searchControl = new FormControl<string>('');
@@ -107,6 +106,21 @@ export class ProjectAddonsComponent implements OnInit {
   isConfiguredStorageAddonsLoading = select(AddonsSelectors.getConfiguredStorageAddonsLoading);
   isConfiguredCitationAddonsLoading = select(AddonsSelectors.getConfiguredCitationAddonsLoading);
   isConfiguredLinkAddonsLoading = select(AddonsSelectors.getConfiguredLinkAddonsLoading);
+  activeFlags = select(UserSelectors.getActiveFlags);
+
+  readonly categoryOptions = computed(() => {
+    if (this.activeFlags().includes('gravy_redirect')) {
+      return [
+        ...ADDON_CATEGORY_OPTIONS,
+        {
+          label: 'settings.addons.categories.otherServices',
+          value: AddonCategory.EXTERNAL_REDIRECT_SERVICES,
+        },
+      ];
+    }
+    return ADDON_CATEGORY_OPTIONS;
+  });
+
   isAddonsLoading = computed(() => {
     return (
       this.isStorageAddonsLoading() ||

src/app/features/settings/settings-addons/settings-addons.component.html

@@ -24,7 +24,7 @@
         </p>
 
         <osf-addons-toolbar
-          [categoryOptions]="categoryOptions"
+          [categoryOptions]="categoryOptions()"
           [searchControl]="searchControl"
           [(selectedCategory)]="selectedCategory"
         />
@@ -43,7 +43,7 @@
           {{ 'settings.addons.connectedDescription' | translate }}
         </p>
         <osf-addons-toolbar
-          [categoryOptions]="categoryOptions"
+          [categoryOptions]="categoryOptions()"
           [searchControl]="searchControl"
           [(selectedCategory)]="selectedCategory"
         />

src/app/features/settings/settings-addons/settings-addons.component.ts

@@ -74,7 +74,6 @@ export class SettingsAddonsComponent implements OnInit {
   private readonly route = inject(ActivatedRoute);
   private readonly queryParamsService = inject(AddonsQueryParamsService);
   readonly tabOptions = ADDON_TAB_OPTIONS;
-  readonly categoryOptions = ADDON_CATEGORY_OPTIONS;
   readonly AddonTabValue = AddonTabValue;
   readonly defaultTabValue = AddonTabValue.ALL_ADDONS;
   searchControl = new FormControl<string>('');
@@ -99,6 +98,20 @@ export class SettingsAddonsComponent implements OnInit {
   isAuthorizedStorageAddonsLoading = select(AddonsSelectors.getAuthorizedStorageAddonsLoading);
   isAuthorizedCitationAddonsLoading = select(AddonsSelectors.getAuthorizedCitationAddonsLoading);
   isAuthorizedLinkAddonsLoading = select(AddonsSelectors.getAuthorizedLinkAddonsLoading);
+  activeFlags = select(UserSelectors.getActiveFlags);
+
+  readonly categoryOptions = computed(() => {
+    if (this.activeFlags().includes('gravy_redirect')) {
+      return [
+        ...ADDON_CATEGORY_OPTIONS,
+        {
+          label: 'settings.addons.categories.otherServices',
+          value: AddonCategory.EXTERNAL_REDIRECT_SERVICES,
+        },
+      ];
+    }
+    return ADDON_CATEGORY_OPTIONS;
+  });
 
   currentAddonsLoading = computed(() => {
     switch (this.selectedCategory()) {

src/app/shared/constants/addons-category-options.const.ts

@@ -14,8 +14,9 @@ export const ADDON_CATEGORY_OPTIONS: SelectOption[] = [
     label: 'settings.addons.categories.linkedServices',
     value: AddonCategory.EXTERNAL_LINK_SERVICES,
   },
-  {
-    label: 'settings.addons.categories.otherServices',
-    value: AddonCategory.EXTERNAL_REDIRECT_SERVICES,
-  },
+  // TODO: add this after feature flag gravy_redirect is either turned on for everyone or removed
+  // {
+  //   label: 'settings.addons.categories.otherServices',
+  //   value: AddonCategory.EXTERNAL_REDIRECT_SERVICES,
+  // },
 ];

src/app/shared/stores/addons/addons.selectors.ts

@@ -52,7 +52,7 @@ export class AddonsSelectors {
   }
 
   @Selector([AddonsState])
-  static getRedirectAddons(state: AddonsStateModel): AddonModel[] {
+  static getRedirectAddons(state: AddonsStateModel): AddonModel[] | null {
     return state.redirectAddons.data;
   }