import type { FunctionComponent } from 'react';
import { StepOne, stepOne } from '@/steps/step-01';
import { StepEmailCapture, stepEmailCapture } from '@/steps/step-31-email-capture';
import { StepPaywall, stepPaywall } from '@/steps/step-32-paywall';
import {
  StepSubscriptionStarted,
  stepSubscriptionStarted,
} from '@/steps/step-33-subscription-started';
import type { FunnelStepComponentKey } from '@/config/funnel.manifest';
import type { FunnelStepMeta } from '@funnelsgrove/runtime';

export type StepRegistryEntry = {
  component: FunctionComponent<Record<string, never>>;
  meta: FunnelStepMeta;
};

export const stepRegistry: Record<FunnelStepComponentKey, StepRegistryEntry> = {
  stepOne: {
    component: StepOne,
    meta: stepOne,
  },
  stepEmailCapture: {
    component: StepEmailCapture,
    meta: stepEmailCapture,
  },
  stepPaywall: {
    component: StepPaywall,
    meta: stepPaywall,
  },
  stepSubscriptionStarted: {
    component: StepSubscriptionStarted,
    meta: stepSubscriptionStarted,
  },
};

export const getStepRegistry = (): Record<FunnelStepComponentKey, StepRegistryEntry> => {
  return stepRegistry;
};