import type { StepEditorSection } from '@funnelsgrove/runtime';

export const stepPaywallEditor: readonly StepEditorSection[] = [
  {
    id: 'loading',
    label: 'Loading',
    fields: [
      {
        id: 'loadingLabel',
        label: 'Loading label',
        kind: 'text',
        path: 'loadingLabel',
      },
    ],
  },
  {
    id: 'top-bar',
    label: 'Top Bar',
    fields: [
      {
        id: 'topBarDiscountLabel',
        label: 'Discount label',
        kind: 'text',
        path: 'topBarDiscountLabel',
      },
      {
        id: 'topBarCtaLabel',
        label: 'Top CTA label',
        kind: 'text',
        path: 'topBarCtaLabel',
      },
      {
        id: 'countdownUnits',
        label: 'Countdown units',
        kind: 'textLines',
        path: 'countdownUnits',
      },
    ],
  },
  {
    id: 'hero',
    label: 'Hero',
    fields: [
      {
        id: 'hero.pills',
        label: 'Hero pills',
        kind: 'textLines',
        path: 'hero.pills',
      },
      {
        id: 'hero.image',
        label: 'Hero image',
        kind: 'image',
        path: 'hero.image',
      },
    ],
  },
  {
    id: 'promo',
    label: 'Promo',
    fields: [
      {
        id: 'promo.ariaLabel',
        label: 'Promo aria label',
        kind: 'text',
        path: 'promo.ariaLabel',
      },
      {
        id: 'promo.initialLabel',
        label: 'Promo label',
        kind: 'text',
        path: 'promo.initialLabel',
      },
      {
        id: 'promo.upgradedLabel',
        label: 'Upgraded promo label',
        kind: 'text',
        path: 'promo.upgradedLabel',
      },
    ],
  },
  {
    id: 'highlight',
    label: 'Highlight',
    fields: [
      {
        id: 'highlight.title',
        label: 'Highlight title',
        kind: 'textLines',
        path: 'highlight.title',
      },
      {
        id: 'highlight.description',
        label: 'Highlight description',
        kind: 'textarea',
        path: 'highlight.description',
      },
    ],
  },
  {
    id: 'plans',
    label: 'Plans',
    fields: [
      {
        id: 'plans.title',
        label: 'Plans title',
        kind: 'text',
        path: 'plans.title',
      },
      {
        id: 'plans.cardButtonLabel',
        label: 'Card button label',
        kind: 'text',
        path: 'plans.cardButtonLabel',
      },
      {
        id: 'plans.metaLabels',
        label: 'Meta labels',
        kind: 'textLines',
        path: 'plans.metaLabels',
      },
      {
        id: 'plans.stripeUnavailableNote',
        label: 'Stripe unavailable note',
        kind: 'textarea',
        path: 'plans.stripeUnavailableNote',
      },
    ],
  },
  {
    id: 'checkout',
    label: 'Checkout',
    fields: [
      {
        id: 'checkout.title',
        label: 'Dialog title',
        kind: 'text',
        path: 'checkout.title',
      },
      {
        id: 'checkout.summaryTitle',
        label: 'Summary title',
        kind: 'text',
        path: 'checkout.summaryTitle',
      },
      {
        id: 'checkout.closeAriaLabel',
        label: 'Close aria label',
        kind: 'text',
        path: 'checkout.closeAriaLabel',
      },
      {
        id: 'checkout.walletPlaceholderLabel',
        label: 'Wallet placeholder label',
        kind: 'text',
        path: 'checkout.walletPlaceholderLabel',
      },
      {
        id: 'checkout.walletButtonLabel',
        label: 'Wallet button label',
        kind: 'text',
        path: 'checkout.walletButtonLabel',
      },
      {
        id: 'checkout.customerEmailLabel',
        label: 'Customer email label',
        kind: 'text',
        path: 'checkout.customerEmailLabel',
      },
      {
        id: 'checkout.customerEmailPlaceholder',
        label: 'Customer email placeholder',
        kind: 'text',
        path: 'checkout.customerEmailPlaceholder',
      },
      {
        id: 'checkout.customerEmailInvalidMessage',
        label: 'Customer email invalid message',
        kind: 'text',
        path: 'checkout.customerEmailInvalidMessage',
      },
      {
        id: 'checkout.emailPromptTitle',
        label: 'Email prompt title',
        kind: 'text',
        path: 'checkout.emailPromptTitle',
      },
      {
        id: 'checkout.emailPromptDescription',
        label: 'Email prompt description',
        kind: 'textarea',
        path: 'checkout.emailPromptDescription',
      },
      {
        id: 'checkout.emailPromptSubmitLabel',
        label: 'Email prompt submit label',
        kind: 'text',
        path: 'checkout.emailPromptSubmitLabel',
      },
      {
        id: 'checkout.emailPromptCancelLabel',
        label: 'Email prompt cancel label',
        kind: 'text',
        path: 'checkout.emailPromptCancelLabel',
      },
      {
        id: 'checkout.countdownLabel',
        label: 'Checkout countdown label',
        kind: 'text',
        path: 'checkout.countdownLabel',
      },
      {
        id: 'checkout.satisfactionPercent',
        label: 'Satisfaction percent',
        kind: 'text',
        path: 'checkout.satisfactionPercent',
      },
      {
        id: 'checkout.satisfactionLabel',
        label: 'Satisfaction label',
        kind: 'textarea',
        path: 'checkout.satisfactionLabel',
      },
      {
        id: 'checkout.originalPriceLabel',
        label: 'Original price label',
        kind: 'text',
        path: 'checkout.originalPriceLabel',
      },
      {
        id: 'checkout.discountLabelTemplate',
        label: 'Discount label template',
        kind: 'text',
        path: 'checkout.discountLabelTemplate',
      },
      {
        id: 'checkout.discountRowLabelTemplate',
        label: 'Discount row label template',
        kind: 'text',
        path: 'checkout.discountRowLabelTemplate',
      },
      {
        id: 'checkout.promoCodeLabel',
        label: 'Promo code label',
        kind: 'text',
        path: 'checkout.promoCodeLabel',
      },
      {
        id: 'checkout.savedLabelTemplate',
        label: 'Saved label template',
        kind: 'text',
        path: 'checkout.savedLabelTemplate',
      },
      {
        id: 'checkout.totalLabel',
        label: 'Total label',
        kind: 'text',
        path: 'checkout.totalLabel',
      },
      {
        id: 'checkout.summaryGuaranteeLabel',
        label: 'Summary guarantee label',
        kind: 'text',
        path: 'checkout.summaryGuaranteeLabel',
      },
      {
        id: 'checkout.submitLabel',
        label: 'Submit label',
        kind: 'text',
        path: 'checkout.submitLabel',
      },
      {
        id: 'checkout.cardSubmitLabel',
        label: 'Card submit label',
        kind: 'text',
        path: 'checkout.cardSubmitLabel',
      },
      {
        id: 'checkout.paypalLabel',
        label: 'PayPal label',
        kind: 'text',
        path: 'checkout.paypalLabel',
      },
      {
        id: 'checkout.paypalButtonLabel',
        label: 'PayPal button label',
        kind: 'text',
        path: 'checkout.paypalButtonLabel',
      },
      {
        id: 'checkout.processingLabel',
        label: 'Processing label',
        kind: 'text',
        path: 'checkout.processingLabel',
      },
      {
        id: 'checkout.secureLabel',
        label: 'Secure label',
        kind: 'text',
        path: 'checkout.secureLabel',
      },
      {
        id: 'checkout.poweredByLabel',
        label: 'Powered by label',
        kind: 'text',
        path: 'checkout.poweredByLabel',
      },
      {
        id: 'checkout.paymentMethodLabels',
        label: 'Payment method labels',
        kind: 'textLines',
        path: 'checkout.paymentMethodLabels',
      },
      {
        id: 'checkout.legalPrefix',
        label: 'Legal prefix',
        kind: 'textarea',
        path: 'checkout.legalPrefix',
      },
      {
        id: 'checkout.legalLinks',
        label: 'Legal links',
        kind: 'list',
        path: 'checkout.legalLinks',
        preset: 'linkItems',
      },
      {
        id: 'checkout.supportText',
        label: 'Support text',
        kind: 'text',
        path: 'checkout.supportText',
      },
      {
        id: 'checkout.renewalTemplate',
        label: 'Renewal template',
        kind: 'textarea',
        path: 'checkout.renewalTemplate',
      },
      {
        id: 'checkout.specialOffer.discountLabel',
        label: 'Special offer discount label',
        kind: 'text',
        path: 'checkout.specialOffer.discountLabel',
      },
      {
        id: 'checkout.specialOffer.image',
        label: 'Special offer image',
        kind: 'image',
        path: 'checkout.specialOffer.image',
      },
      {
        id: 'checkout.specialOffer.title',
        label: 'Special offer title',
        kind: 'text',
        path: 'checkout.specialOffer.title',
      },
      {
        id: 'checkout.specialOffer.description',
        label: 'Special offer description',
        kind: 'textarea',
        path: 'checkout.specialOffer.description',
      },
      {
        id: 'checkout.specialOffer.buttonLabel',
        label: 'Special offer button label',
        kind: 'text',
        path: 'checkout.specialOffer.buttonLabel',
      },
    ],
  },
  {
    id: 'feature-grid',
    label: 'Feature Grid',
    fields: [
      {
        id: 'featureGrid.title',
        label: 'Section title',
        kind: 'textLines',
        path: 'featureGrid.title',
      },
      {
        id: 'featureGrid.subtitle',
        label: 'Section subtitle',
        kind: 'textarea',
        path: 'featureGrid.subtitle',
      },
      {
        id: 'featureGrid.assistant.image',
        label: 'Assistant image',
        kind: 'image',
        path: 'featureGrid.assistant.image',
      },
      {
        id: 'featureGrid.assistant.title',
        label: 'Assistant title',
        kind: 'text',
        path: 'featureGrid.assistant.title',
      },
      {
        id: 'featureGrid.assistant.description',
        label: 'Assistant description',
        kind: 'textarea',
        path: 'featureGrid.assistant.description',
      },
      {
        id: 'featureGrid.quickFeatures',
        label: 'Quick features',
        kind: 'list',
        path: 'featureGrid.quickFeatures',
        preset: 'infoItems',
      },
      {
        id: 'featureGrid.history.image',
        label: 'History image',
        kind: 'image',
        path: 'featureGrid.history.image',
      },
      {
        id: 'featureGrid.history.title',
        label: 'History title',
        kind: 'textarea',
        path: 'featureGrid.history.title',
      },
      {
        id: 'featureGrid.detailedFeatures',
        label: 'Detailed features',
        kind: 'list',
        path: 'featureGrid.detailedFeatures',
        preset: 'infoItems',
      },
    ],
  },
  {
    id: 'stories',
    label: 'Stories',
    fields: [
      {
        id: 'stories.title',
        label: 'Stories title',
        kind: 'text',
        path: 'stories.title',
      },
      {
        id: 'stories.items',
        label: 'Stories',
        kind: 'list',
        path: 'stories.items',
        preset: 'quoteItems',
      },
    ],
  },
  {
    id: 'faq',
    label: 'FAQ',
    fields: [
      {
        id: 'faq.title',
        label: 'FAQ title',
        kind: 'text',
        path: 'faq.title',
      },
      {
        id: 'faq.items',
        label: 'FAQ items',
        kind: 'list',
        path: 'faq.items',
        preset: 'qaItems',
      },
    ],
  },
  {
    id: 'guarantee',
    label: 'Guarantee',
    fields: [
      {
        id: 'guarantee.image',
        label: 'Guarantee image',
        kind: 'image',
        path: 'guarantee.image',
      },
      {
        id: 'guarantee.title',
        label: 'Guarantee title',
        kind: 'text',
        path: 'guarantee.title',
      },
      {
        id: 'guarantee.description',
        label: 'Guarantee description',
        kind: 'textarea',
        path: 'guarantee.description',
      },
      {
        id: 'guarantee.links',
        label: 'Guarantee links',
        kind: 'list',
        path: 'guarantee.links',
        preset: 'linkItems',
      },
    ],
  },
] as const;