upcoming: [UIE-9368] - Create a firewall Rulesets & Preflixlists feature flag (linode#13051)

* Add firewall rs & pl feature flag

* Added changeset: Feature flag for Firewall Rulesets & Prefixlists

Author: pmakode-akamai

packages/manager/.changeset/pr-13051-upcoming-features-1762253162476.md

@@ -0,0 +1,5 @@
+---
+"@linode/manager": Upcoming Features
+---
+
+Feature flag for Firewall Rulesets & Prefixlists ([#13051](https://github.com/linode/manager/pull/13051))

packages/manager/src/dev-tools/FeatureFlagTool.tsx

@@ -30,6 +30,10 @@ const options: { flag: keyof Flags; label: string }[] = [
   { flag: 'blockStorageVolumeLimit', label: 'Block Storage Volume Limit' },
   { flag: 'cloudNat', label: 'Cloud NAT' },
   { flag: 'disableLargestGbPlans', label: 'Disable Largest GB Plans' },
+  {
+    flag: 'firewallRulesetsPrefixlists',
+    label: 'Firewall Rulesets & Prefixlists',
+  },
   { flag: 'gecko2', label: 'Gecko' },
   { flag: 'generationalPlans', label: 'Generational compute plans' },
   { flag: 'limitsEvolution', label: 'Limits Evolution' },

packages/manager/src/featureFlags.ts

@@ -193,6 +193,7 @@ export interface Flags {
   dbaasV2: BetaFeatureFlag;
   dbaasV2MonitorMetrics: BetaFeatureFlag;
   disableLargestGbPlans: boolean;
+  firewallRulesetsPrefixlists: boolean;
   gecko2: GeckoFeatureFlag;
   generationalPlans: boolean;
   gpuv2: GpuV2;

packages/manager/src/features/Firewalls/shared.test.ts

@@ -1,8 +1,13 @@
+import { renderHook, waitFor } from '@testing-library/react';
+
+import { wrapWithTheme } from 'src/utilities/testHelpers';
+
 import {
   allIPv4,
   allIPv6,
   generateAddressesLabel,
   predefinedFirewallFromRule,
+  useIsFirewallRulesetsPrefixlistsEnabled,
 } from './shared';
 
 import type { FirewallRuleType } from '@linode/api-v4/lib/firewalls/types';
@@ -144,3 +149,35 @@ describe('generateAddressLabel', () => {
     );
   });
 });
+
+describe('useIsFirewallRulesetsPrefixlistsEnabled', () => {
+  it('returns true if the feature is enabled', async () => {
+    const options = { flags: { firewallRulesetsPrefixlists: true } };
+
+    const { result } = renderHook(
+      () => useIsFirewallRulesetsPrefixlistsEnabled(),
+      {
+        wrapper: (ui) => wrapWithTheme(ui, options),
+      }
+    );
+
+    await waitFor(() => {
+      expect(result.current.isFirewallRulesetsPrefixlistsEnabled).toBe(true);
+    });
+  });
+
+  it('returns false if the feature is NOT enabled', async () => {
+    const options = { flags: { firewallRulesetsPrefixlists: false } };
+
+    const { result } = renderHook(
+      () => useIsFirewallRulesetsPrefixlistsEnabled(),
+      {
+        wrapper: (ui) => wrapWithTheme(ui, options),
+      }
+    );
+
+    await waitFor(() => {
+      expect(result.current.isFirewallRulesetsPrefixlistsEnabled).toBe(false);
+    });
+  });
+});

packages/manager/src/features/Firewalls/shared.ts

@@ -1,6 +1,8 @@
 import { truncateAndJoinList } from '@linode/utilities';
 import { capitalize } from '@linode/utilities';
 
+import { useFlags } from 'src/hooks/useFlags';
+
 import type { PORT_PRESETS } from './FirewallDetail/Rules/shared';
 import type {
   Firewall,
@@ -255,3 +257,20 @@ export const getFirewallDescription = (firewall: Firewall) => {
   ];
   return description.join(', ');
 };
+
+/**
+ * Returns whether or not features related to the Firewall Rulesets & Prefixlists project
+ * should be enabled.
+ *
+ * Note: Currently, this just uses the `firewallRulesetsPrefixlists` feature flag as a source of truth,
+ * but will eventually also look at account capabilities if available.
+ */
+export const useIsFirewallRulesetsPrefixlistsEnabled = () => {
+  const flags = useFlags();
+
+  // @TODO: Firewall Rulesets & Prefixlists - check for customer tag/account capability when it exists
+  return {
+    isFirewallRulesetsPrefixlistsEnabled:
+      flags.firewallRulesetsPrefixlists ?? false,
+  };
+};