upcoming: [UIE-9377] – Support Private Image Sharing feature flag

packages/manager/.changeset/pr-12992-upcoming-features-1760600896958.md

@@ -0,0 +1,5 @@
+---
+"@linode/manager": Upcoming Features
+---
+
+Add support for `privateImageSharing` feature flag for Private Image Sharing feature ([#12992](https://github.com/linode/manager/pull/12992))

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

@@ -40,6 +40,7 @@ const options: { flag: keyof Flags; label: string }[] = [
   { flag: 'nodebalancerVpc', label: 'NodeBalancer-VPC Integration' },
   { flag: 'objMultiCluster', label: 'OBJ Multi-Cluster' },
   { flag: 'objectStorageGen2', label: 'OBJ Gen2' },
+  { flag: 'privateImageSharing', label: 'Private Image Sharing' },
   { flag: 'selfServeBetas', label: 'Self Serve Betas' },
   { flag: 'supportTicketSeverity', label: 'Support Ticket Severity' },
   { flag: 'dbaasV2', label: 'Databases V2 Beta' },

packages/manager/src/featureFlags.ts

@@ -194,6 +194,7 @@ export interface Flags {
   objectStorageGen2: BaseFeatureFlag;
   objMultiCluster: boolean;
   objSummaryPage: boolean;
+  privateImageSharing: boolean;
   productInformationBanners: ProductInformationBannerFlag[];
   promos: boolean;
   promotionalOffers: PromotionalOffer[];

packages/manager/src/features/Images/utils.test.tsx

@@ -1,8 +1,14 @@
 import { linodeFactory } from '@linode/utilities';
+import { renderHook, waitFor } from '@testing-library/react';
 
 import { eventFactory, imageFactory } from 'src/factories';
+import { wrapWithTheme } from 'src/utilities/testHelpers';
 
-import { getEventsForImages, getImageLabelForLinode } from './utils';
+import {
+  getEventsForImages,
+  getImageLabelForLinode,
+  useIsPrivateImageSharingEnabled,
+} from './utils';
 
 describe('getImageLabelForLinode', () => {
   it('handles finding an image and getting the label', () => {
@@ -57,3 +63,29 @@ describe('getEventsForImages', () => {
     });
   });
 });
+
+describe('useIsPrivateImageSharingEnabled', () => {
+  it('returns true if the feature is enabled', async () => {
+    const options = { flags: { privateImageSharing: true } };
+
+    const { result } = renderHook(() => useIsPrivateImageSharingEnabled(), {
+      wrapper: (ui) => wrapWithTheme(ui, options),
+    });
+
+    await waitFor(() => {
+      expect(result.current.isPrivateImageSharingEnabled).toBe(true);
+    });
+  });
+
+  it('returns false if the feature is NOT enabled', async () => {
+    const options = { flags: { privateImageSharing: false } };
+
+    const { result } = renderHook(() => useIsPrivateImageSharingEnabled(), {
+      wrapper: (ui) => wrapWithTheme(ui, options),
+    });
+
+    await waitFor(() => {
+      expect(result.current.isPrivateImageSharingEnabled).toBe(false);
+    });
+  });
+});

packages/manager/src/features/Images/utils.ts

@@ -1,6 +1,7 @@
 import { useRegionsQuery } from '@linode/queries';
 
 import { DISALLOWED_IMAGE_REGIONS } from 'src/constants';
+import { useFlags } from 'src/hooks/useFlags';
 
 import type { Event, Image, Linode } from '@linode/api-v4';
 
@@ -39,3 +40,18 @@
       ) ?? [],
   };
 };
+
+/**
+ * Returns whether or not features related to the Private Image Sharing project
+ * should be enabled.
+ *
+ * Currently, this just uses the `privateImageSharing` feature flag as a source of truth,
+ * but will eventually also look at account capabilities.
+ */
+
+export const useIsPrivateImageSharingEnabled = () => {
+  const flags = useFlags();
+
+  // @TODO Private Image Sharing: check for customer tag/account capability when it exists
+  return { isPrivateImageSharingEnabled: flags.privateImageSharing ?? false };
+};