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

const manifestStep = {
  id: 'checkout',
  name: 'checkout',
  path: '/checkout',
  filePath: 'src/steps/step-checkout.tsx',
  componentKey: 'stepCheckout',
  type: 'checkout',
  title: 'Secure checkout',
} as const satisfies FunnelManifestStep;

const componentMeta = {
  id: 'checkout',
  name: 'checkout',
  type: 'checkout',
  figmaNodeId: 'golden:checkout',
  title: 'Secure checkout',
  description: 'Collect payment through shared checkout UI.',
} as const satisfies FunnelStepMeta;

export const goldenFixture = {
  stepType: 'checkout',
  manifestStep,
  componentMeta,
  requiredEventMetadata: [
    'funnelId',
    'funnelVersionId',
    'environment',
    'stepContractVersion',
    'stepId',
    'stepName',
    'stepType',
    'eventId',
  ],
  semanticHelpers: ['trackCheckoutStarted', 'trackPaymentInfoSubmitted', 'trackCheckoutCompleted'],
} as const;