feat: add destination url prop to choice card

Author: Juarez Mota

src/server/lib/choiceCards/choiceCards.test.ts

@@ -93,6 +93,35 @@ describe('getChoiceCardsSettings', () => {
             supportTier: 'SupporterPlus',
             ratePlan: 'Monthly',
         });
+        expect(result?.choiceCards[1].destinationUrl).toBeNull();
+    });
+
+    it('preserves custom destinationUrl when provided', () => {
+        const variantChoiceCardSettings: ChoiceCardsSettings = {
+            choiceCards: [
+                {
+                    ...defaultEpicChoiceCardsSettings('UnitedStates').choiceCards[0],
+                    destinationUrl: 'https://support.theguardian.com/contribute/one-time',
+                },
+                defaultEpicChoiceCardsSettings('UnitedStates').choiceCards[1],
+                defaultEpicChoiceCardsSettings('UnitedStates').choiceCards[2],
+            ],
+        };
+        const promoCodes: string[] = [];
+
+        const result = getChoiceCardsSettings(
+            'UnitedStates',
+            'Epic',
+            mockProductCatalog,
+            mockPromotionsCache,
+            promoCodes,
+            variantChoiceCardSettings,
+        );
+
+        expect(result).toBeDefined();
+        expect(result?.choiceCards[0].destinationUrl).toEqual(
+            'https://support.theguardian.com/contribute/one-time',
+        );
     });
 
     it('returns choice cards with monthly discount (PROMO_B) applied', () => {

src/server/lib/choiceCards/choiceCards.ts

@@ -83,6 +83,7 @@ const enrichChoiceCard = (
         benefitsLabel: choiceCard.benefitsLabel,
         benefits,
         pill,
+        destinationUrl: choiceCard.destinationUrl, // Preserve the destination URL
     };
 };
 

src/server/lib/choiceCards/defaultChoiceCardSettings.ts

@@ -20,6 +20,7 @@ const oneOffCard = (countryGroupId: CountryGroupId): ChoiceCard => ({
                     : 'We welcome support of any size, any time',
         },
     ],
+    destinationUrl: null, // Will use default CTA behavior
 });
 
 const fullChoiceCards = (countryGroupId: CountryGroupId): ChoiceCard[] => [
@@ -35,6 +36,7 @@ const fullChoiceCards = (countryGroupId: CountryGroupId): ChoiceCard[] => [
                 copy: 'Give to the Guardian every month with Support',
             },
         ],
+        destinationUrl: null, // Will use default CTA behavior
     },
     {
         product: {
@@ -56,6 +58,7 @@ const fullChoiceCards = (countryGroupId: CountryGroupId): ChoiceCard[] => [
         pill: {
             copy: 'Recommended',
         },
+        destinationUrl: null, // Will use default CTA behavior
     },
     oneOffCard(countryGroupId),
 ];
@@ -88,6 +91,7 @@ const shorterChoiceCards = (countryGroupId: CountryGroupId): ChoiceCard[] => [
         pill: {
             copy: 'Recommended',
         },
+        destinationUrl: null, // Will use default CTA behavior
     },
     oneOffCard(countryGroupId),
 ];

src/shared/types/props/choiceCards.ts

@@ -36,6 +36,7 @@ const choiceCardSchema = z.object({
     benefitsLabel: z.string().nullish(), // e.g. "Unlock All-access digital benefits:"
     benefits: z.array(productBenefitSchema),
     pill: pillSchema.nullish(),
+    destinationUrl: z.string().nullish(), // Optional override URL for this choice card
 });
 
 export type ChoiceCard = z.infer<typeof choiceCardSchema>;