packages/components/containers/offers/operations/duoPlan2024Yearly/configuration.ts

   1 import { c } from 'ttag';
   2
   3 import { FeatureCode } from '@proton/features';
   4 import { PLANS, PLAN_NAMES } from '@proton/payments';
   5 import { BRAND_NAME, CYCLE } from '@proton/shared/lib/constants';
   6
   7 import Layout from '../../components/duoPlan/Layout';
   8 import type { OfferConfig } from '../../interface';
   9
  10 const config = {
  11     ID: 'duo-plan-2024-yearly',
  12     featureCode: FeatureCode.OfferDuoPlanYearly2024,
  13     autoPopUp: 'one-time',
  14     deals: [
  15         {
  16             ref: 'upsell_mail-modal-duo_launch_1y',
  17             dealName: PLAN_NAMES[PLANS.DUO],
  18             planIDs: {
  19                 [PLANS.DUO]: 1,
  20             },
  21             cycle: CYCLE.YEARLY,
  22             popular: 1, // to get solid CTA
  23             buttonSize: 'large',
  24         },
  25     ],
  26     layout: Layout,
  27     hideDealTitle: true,
  28     hideDealPriceInfos: true,
  29     hideDiscountBubble: true,
  30     darkBackground: true,
  31     topButton: {
  32         gradient: true,
  33         variant: 'pinkblue',
  34         iconGradient: false,
  35         getCTAContent: () => c('duoplan2024: Action').t`Get ${BRAND_NAME} Duo`,
  36         icon: 'users',
  37     },
  38 } satisfies OfferConfig;
  39
  40 export default config;