import type { ComponentType } from "react";
import { WelcomeStep } from "./steps/WelcomeStep";
import { PresetStep } from "./steps/PresetStep";
import { AppearanceStep } from "./steps/AppearanceStep";
import { FeaturesStep } from "./steps/FeaturesStep";
import { WorkflowStep } from "./steps/WorkflowStep";
import { SecurityStep } from "./steps/SecurityStep";
import { AiAssistantStep } from "./steps/AiAssistantStep";
import { DoneStep } from "./steps/DoneStep";

export interface OnboardingContext {
  /** Whether an admin has enabled the AI assistant for this instance. */
  aiGloballyEnabled: boolean;
}

export interface OnboardingStepProps {
  context: OnboardingContext;
}

export interface OnboardingStep {
  id: string;
  titleKey: string;
  Component: ComponentType<OnboardingStepProps>;
  /** Steps that do not apply to this account are skipped entirely. */
  isRelevant?: (context: OnboardingContext) => boolean;
}

/**
 * Onboarding as data rather than hardcoded JSX, so steps can be added,
 * reordered or made conditional without touching the dialog shell.
 */
export const ONBOARDING_STEPS: OnboardingStep[] = [
  {
    id: "welcome",
    titleKey: "onboarding.welcomeTitle",
    Component: WelcomeStep,
  },
  { id: "preset", titleKey: "onboarding.presetTitle", Component: PresetStep },
  {
    id: "appearance",
    titleKey: "onboarding.appearanceTitle",
    Component: AppearanceStep,
  },
  {
    id: "features",
    titleKey: "onboarding.featuresTitle",
    Component: FeaturesStep,
  },
  {
    id: "workflow",
    titleKey: "onboarding.workflowTitle",
    Component: WorkflowStep,
  },
  {
    id: "ai",
    titleKey: "onboarding.aiTitle",
    Component: AiAssistantStep,
    // Never shown when the admin has the assistant switched off, so users on
    // an instance without it are not told about a feature they cannot use.
    isRelevant: (context) => context.aiGloballyEnabled,
  },
  {
    id: "security",
    titleKey: "onboarding.securityTitle",
    Component: SecurityStep,
  },
  { id: "done", titleKey: "onboarding.doneTitle", Component: DoneStep },
];

export function relevantSteps(context: OnboardingContext): OnboardingStep[] {
  return ONBOARDING_STEPS.filter(
    (step) => !step.isRelevant || step.isRelevant(context),
  );
}