feat: separate UI flag and backend flag for extended metrics (#5875)

frontend/src/component/feature/FeatureView/FeatureMetrics/FeatureMetricsHours/FeatureMetricsHours.test.tsx

@@ -9,7 +9,7 @@ const server = testServerSetup();
 test('Display extended daily metrics', async () => {
     testServerRoute(server, '/api/admin/ui-config', {
         flags: {
-            extendedUsageMetrics: true,
+            extendedUsageMetricsUI: true,
         },
         versionInfo: {
             current: { oss: 'irrelevant', enterprise: 'some value' },

frontend/src/component/feature/FeatureView/FeatureMetrics/FeatureMetricsHours/FeatureMetricsHours.tsx

@@ -29,7 +29,7 @@ export const FeatureMetricsHours = ({
         setHoursBack(parseInt(key));
     };
     const { isEnterprise } = useUiConfig();
-    const extendedUsageMetrics = useUiFlag('extendedUsageMetrics');
+    const extendedUsageMetrics = useUiFlag('extendedUsageMetricsUI');
     const extendedOptions = isEnterprise() && extendedUsageMetrics;
     const options = extendedOptions
         ? [...hourOptions, ...daysOptions]

frontend/src/interfaces/uiConfig.ts

@@ -73,7 +73,7 @@ export type UiFlags = {
     featureSearchFeedback?: boolean;
     enableLicense?: boolean;
     newStrategyConfigurationFeedback?: boolean;
-    extendedUsageMetrics?: boolean;
+    extendedUsageMetricsUI?: boolean;
 };
 
 export interface IVersionInfo {

src/lib/__snapshots__/create-config.test.ts.snap

@@ -88,6 +88,7 @@ exports[`should create default config 1`] = `
       "enableLicense": false,
       "encryptEmails": false,
       "extendedUsageMetrics": false,
+      "extendedUsageMetricsUI": false,
       "featureSearchAPI": false,
       "featureSearchFeedback": false,
       "featureSearchFeedbackPosting": false,

src/lib/types/experimental.ts

@@ -41,7 +41,8 @@ export type IFlagKey =
     | 'featureSearchFeedbackPosting'
     | 'newStrategyConfigurationFeedback'
     | 'edgeBulkMetricsKillSwitch'
-    | 'extendedUsageMetrics';
+    | 'extendedUsageMetrics'
+    | 'extendedUsageMetricsUI';
 
 export type IFlags = Partial<{ [key in IFlagKey]: boolean | Variant }>;
 
@@ -188,6 +189,10 @@ const flags: IFlags = {
         process.env.UNLEASH_EXPERIMENTAL_EXTENDED_USAGE_METRICS,
         false,
     ),
+    extendedUsageMetricsUI: parseEnvVarBoolean(
+        process.env.UNLEASH_EXPERIMENTAL_EXTENDED_USAGE_METRICS_UI,
+        false,
+    ),
 };
 
 export const defaultExperimentalOptions: IExperimentalOptions = {

src/server-dev.ts

@@ -49,6 +49,7 @@ process.nextTick(async () => {
                         increaseUnleashWidth: true,
                         featureSearchFeedback: true,
                         newStrategyConfigurationFeedback: true,
+                        extendedUsageMetricsUI: true,
                     },
                 },
                 authentication: {