Merge branch 'main' into dev-v3-ernstka-shortcuts

Author: ernst-dev

src/app-layout/__tests__/runtime-feature-notifications.test.tsx

@@ -5,6 +5,7 @@ import { act, fireEvent, render, waitFor } from '@testing-library/react';
 
 import AppLayout from '../../../lib/components/app-layout';
 import TestI18nProvider from '../../../lib/components/i18n/testing';
+import { metrics } from '../../../lib/components/internal/metrics';
 import {
   persistFeatureNotifications,
   retrieveFeatureNotifications,
@@ -565,4 +566,24 @@ describeEachAppLayout({ themes: ['refresh-toolbar'] }, ({ size }) => {
     expect(wrapper.findDrawerTriggerById(featureNotificationsDefaults.id)).toBeTruthy();
     expect(wrapper.findToolsToggle()).toBeTruthy();
   });
+
+  test('usage metrics', () => {
+    const sendPanoramaMetricSpy = jest.spyOn(metrics, 'logComponentUsed').mockImplementation(() => {});
+
+    featureNotifications.registerFeatureNotifications(featureNotificationsDefaults);
+    renderComponent(<AppLayout />);
+
+    expect(sendPanoramaMetricSpy).toHaveBeenCalledWith('feature-notifications', {
+      props: {
+        featuresPageLink: '/features-page',
+        suppressFeaturePrompt: undefined,
+      },
+      metadata: {
+        featuresLength: 3,
+        hasMountItem: true,
+        hasFilterFeatures: false,
+        hasPersistenceConfig: true,
+      },
+    });
+  });
 });

src/app-layout/visual-refresh-toolbar/state/use-feature-notifications.tsx

@@ -6,6 +6,7 @@ import { useMergeRefs } from '@cloudscape-design/component-toolkit/internal';
 
 import { useInternalI18n } from '../../../i18n/context';
 import FeaturePrompt, { FeaturePromptProps } from '../../../internal/do-not-use/feature-prompt';
+import { metrics } from '../../../internal/metrics';
 import { persistFeatureNotifications, retrieveFeatureNotifications } from '../../../internal/persistence';
 import {
   Feature,
@@ -117,6 +118,18 @@ export function useFeatureNotifications() {
   function featureNotificationsMessageHandler(event: WidgetMessage) {
     if (event.type === 'registerFeatureNotifications') {
       const { payload } = event;
+      metrics.logComponentUsed('feature-notifications', {
+        props: {
+          featuresPageLink: payload.featuresPageLink,
+          suppressFeaturePrompt: payload.suppressFeaturePrompt,
+        },
+        metadata: {
+          featuresLength: payload.features.length,
+          hasMountItem: !!payload.mountItem,
+          hasFilterFeatures: !!payload.filterFeatures,
+          hasPersistenceConfig: !!payload.persistenceConfig,
+        },
+      });
       const features = getFeaturesToDisplay(payload);
       if (features.length === 0) {
         return;