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

const manifestStep = {
  id: 'paywall',
  name: 'paywall',
  path: '/paywall',
  filePath: 'src/steps/step-paywall.tsx',
  componentKey: 'stepPaywall',
  type: 'paywall_offer',
  kind: 'paywall',
  title: 'Choose your plan',
} as const satisfies FunnelManifestStep;

const componentMeta = {
  id: 'paywall',
  name: 'paywall',
  type: 'paywall_offer',
  kind: 'paywall',
  figmaNodeId: 'golden:paywall-offer',
  title: 'Choose your plan',
  description: 'Present purchasable plans.',
} as const satisfies FunnelStepMeta;

export const goldenFixture = {
  stepType: 'paywall_offer',
  manifestStep,
  componentMeta,
  presentsPurchasablePlans: true,
  semanticHelpers: ['trackCheckoutStarted', 'trackPaymentInfoSubmitted', 'trackCheckoutCompleted'],
} as const;