import type { LocalizedStepContent, StoreLinkItem } from '@funnelsgrove/runtime';

export type SubscriptionStartedLocaleContent = {
  kicker: string;
  title: string;
  copyWithQr: string;
  copyWithoutQr: string;
  note: string;
  openAppLabel: string;
  emailButtonLabel: string;
  emailSubject: string;
  emailIntro: string;
  emailOpenAppLabel: string;
  emailIosDeepLinkLabel: string;
  emailAndroidDeepLinkLabel: string;
  emailStoreLabels: {
    ios: string;
    android: string;
  };
  storeLinks: readonly StoreLinkItem[];
  emailSentStatus: string;
  autoOpenStatus: string;
  qrOpenLabel: string;
};

export const subscriptionStartedContent = {
  defaultLocale: 'en',
  locales: {
    en: {
      kicker: 'Congratulations!',
      title: 'Your subscription has started.',
      copyWithQr:
        'Scan with your phone to install or open the app and continue inside mobile.',
      copyWithoutQr: 'Open the app on your phone to continue inside mobile.',
      note: 'In case the app asks you to subscribe again, open the same deep link one more time.',
      openAppLabel: 'Open app now',
      emailButtonLabel: 'Send link to email',
      emailSubject: 'Your app link',
      emailIntro: 'Your subscription is active.',
      emailOpenAppLabel: 'Open app',
      emailIosDeepLinkLabel: 'iPhone deep link',
      emailAndroidDeepLinkLabel: 'Android deep link',
      emailStoreLabels: {
        ios: 'App Store',
        android: 'Google Play',
      },
      storeLinks: [
        {
          id: 'ios',
          eyebrow: 'Download on the',
          title: 'App Store',
          href: '',
          variant: 'ios',
        },
        {
          id: 'android',
          eyebrow: 'Get it on',
          title: 'Google Play',
          href: '',
          variant: 'android',
        },
      ],
      emailSentStatus: 'Email draft opened in your mail app.',
      autoOpenStatus: 'Attempted to open your app automatically.',
      qrOpenLabel: 'Open app handoff link',
    },
  },
} as const satisfies LocalizedStepContent<SubscriptionStartedLocaleContent>;

export const returningSubscriberContent = {
  defaultLocale: 'en',
  locales: {
    en: {
      ...subscriptionStartedContent.locales.en,
      kicker: 'Welcome back',
      title: 'You already have access.',
      copyWithQr:
        'Your subscription is active. Open the app and sign in with this email to continue.',
      copyWithoutQr:
        'Your subscription is active. Open the app and sign in with this email to continue.',
      note: 'We’ll send you a verification code when you sign in.',
    },
  },
} as const satisfies LocalizedStepContent<SubscriptionStartedLocaleContent>;