chore: Port over useTelemetry hook

src/internal/base-component/interfaces.ts

@@ -0,0 +1,8 @@
+// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+// SPDX-License-Identifier: Apache-2.0
+
+import { PackageSettings } from './metrics/interfaces';
+
+export interface Environment extends PackageSettings {
+  alwaysVisualRefresh: boolean;
+}

src/internal/base-component/telemetry.ts

@@ -0,0 +1,26 @@
+// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+// SPDX-License-Identifier: Apache-2.0
+
+import { getVisualTheme } from '../utils/get-visual-theme';
+import { useRuntimeVisualRefresh } from '../visual-mode';
+import { useComponentMetrics } from './component-metrics';
+import { ComponentConfiguration } from './metrics/interfaces';
+
+import { Environment } from './interfaces';
+
+export function createUseTelemetry(environment: Environment) {
+  return (componentName: string, config?: ComponentConfiguration) => {
+    const isVisualRefresh = environment.alwaysVisualRefresh || useRuntimeVisualRefresh();
+    const theme = getVisualTheme(environment.theme, isVisualRefresh);
+
+    useComponentMetrics(
+      componentName,
+      {
+        packageSource: environment.packageSource,
+        packageVersion: environment.packageVersion,
+        theme,
+      },
+      config
+    );
+  };
+}

src/internal/utils/__tests__/get-visual-theme.test.ts

@@ -0,0 +1,19 @@
+// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+// SPDX-License-Identifier: Apache-2.0
+
+import { getVisualTheme } from '../get-visual-theme';
+
+describe('getVisualTheme', () => {
+  it('returns vr when theme is polaris and VR is active', () => {
+    expect(getVisualTheme('polaris', true)).toBe('vr');
+  });
+
+  it('returns polaris when theme is polaris and VR is not active', () => {
+    expect(getVisualTheme('polaris', false)).toBe('polaris');
+  });
+
+  it('returns defined theme by default', () => {
+    expect(getVisualTheme('custom', false)).toBe('custom');
+    expect(getVisualTheme('custom', true)).toBe('custom');
+  });
+});

src/internal/utils/get-visual-theme.ts

@@ -0,0 +1,10 @@
+// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+// SPDX-License-Identifier: Apache-2.0
+
+export const getVisualTheme = (theme: string, isVR: boolean) => {
+  if (theme === 'polaris' && isVR) {
+    return 'vr';
+  }
+
+  return theme;
+};