import type { FunnelContextValue, FunnelManifestStep, FunnelStepMeta } from '@funnelsgrove/runtime';

const terminalCompletionHelper = 'completeFunnel' as const satisfies keyof FunnelContextValue;

const manifestStep = {
  id: 'subscription-started',
  name: 'subscription-started',
  path: '/subscription-started',
  filePath: 'src/steps/step-subscription-started.tsx',
  componentKey: 'stepSubscriptionStarted',
  type: 'purchase_completed',
  kind: 'subscription-handoff',
  title: 'Purchase completed',
} as const satisfies FunnelManifestStep;

const componentMeta = {
  id: 'subscription-started',
  name: 'subscription-started',
  type: 'purchase_completed',
  kind: 'subscription-handoff',
  figmaNodeId: 'golden:purchase-completed',
  title: 'Purchase completed',
  description: 'Complete the funnel after purchase and continue into the app.',
} as const satisfies FunnelStepMeta;

export const goldenFixture = {
  stepType: 'purchase_completed',
  manifestStep,
  componentMeta,
  helper: 'runtime handoff helper',
  semanticHelpers: [terminalCompletionHelper],
  forbiddenBrowserEvents: ['purchase_completed', 'registration_completed'],
} as const;