fix: resolve CI failures from integrations onboarding step

- Fix TypeScript error: InitIntegrations returning null by transitioning
  to done phase instead
- Fix TypeScript error: Object.fromEntries cast in integration grids by
  typing the array elements
- Update E2E onboarding tests to process the new integrations step
  (skip for now) and increase finish assertion timeout for async mutation

apps/nextjs/src/app/[locale]/init/_steps/integrations/init-integrations.tsx

@@ -57,7 +57,8 @@ export const InitIntegrations = () => {
   if (phase === "configure") {
     const currentKind = selectedKinds[currentIndex];
     if (currentKind === undefined) {
-      return null;
+      setPhase("done");
+      return <></>;
     }
 
     return (

apps/nextjs/src/components/integration/integration-multi-select-grid.tsx

@@ -16,8 +16,8 @@ interface IntegrationMultiSelectGridProps {
 }
 
 const getWidgetsByIntegration = () => {
-  const map: Record<IntegrationKind, WidgetKind[]> = Object.fromEntries(
-    integrationKinds.map((kind) => [kind, []]),
+  const map = Object.fromEntries(
+    integrationKinds.map((kind) => [kind, [] as WidgetKind[]]),
   ) as Record<IntegrationKind, WidgetKind[]>;
 
   for (const [widgetKind, widget] of Object.entries(widgetImports) as [

apps/nextjs/src/components/integration/integration-select-grid.tsx

@@ -16,8 +16,8 @@ interface IntegrationSelectGridProps {
 }
 
 const getWidgetsByIntegration = () => {
-  const map: Record<IntegrationKind, WidgetKind[]> = Object.fromEntries(
-    integrationKinds.map((kind) => [kind, []]),
+  const map = Object.fromEntries(
+    integrationKinds.map((kind) => [kind, [] as WidgetKind[]]),
   ) as Record<IntegrationKind, WidgetKind[]>;
 
   for (const [widgetKind, widget] of Object.entries(widgetImports) as [

e2e/onboarding.spec.ts

@@ -31,6 +31,7 @@ describe("Onboarding", () => {
       confirmPassword: "Comp(exP4sswOrd",
     });
     await actions.processSettingsStepAsync();
+    await actions.processIntegrationsStepAsync();
 
     // Assert
     await assertions.assertFinishStepVisibleAsync();
@@ -72,6 +73,7 @@ describe("Onboarding", () => {
       name: externalGroupName,
     });
     await actions.processSettingsStepAsync();
+    await actions.processIntegrationsStepAsync();
 
     // Assert
     await assertions.assertFinishStepVisibleAsync();

e2e/shared/actions/onboarding-actions.ts

@@ -51,4 +51,9 @@ export class OnboardingActions {
     await this.page.waitForSelector("text=Analytics");
     await this.page.locator("css=button[type='submit']").click();
   }
+
+  public async processIntegrationsStepAsync() {
+    await this.page.waitForSelector("text=integrations you'd like to connect");
+    await this.page.locator("button", { hasText: "Skip for now" }).click();
+  }
 }

e2e/shared/assertions/onboarding-assertions.ts

@@ -57,6 +57,6 @@ export class OnboardingAssertions {
   }
 
   public async assertFinishStepVisibleAsync() {
-    await this.page.waitForSelector("text=completed the setup", { timeout: 5000 });
+    await this.page.waitForSelector("text=completed the setup", { timeout: 15000 });
   }
 }