VIA-629 SB Add walk-in booking section to Covid page when campaign active.

Author: acerathereinspirative-nhs-nvir

src/_lambda/content-cache-hydrator/content-change-detector.test.ts

@@ -3,6 +3,7 @@ import { VaccinePageContent } from "@src/services/content-api/types";
 
 const mockPreviousApprovedVaccineContent: VaccinePageContent = {
   overview: { content: "This is an overview", containsHtml: false },
+  actions: [],
   whatVaccineIsFor: {
     headline: "What Vaccine Is For",
     subsections: [

src/app/_components/vaccine/Vaccine.test.tsx

@@ -48,6 +48,9 @@ jest.mock("@src/app/_components/content/HowToGetVaccineFallback", () => ({
     .fn()
     .mockImplementation(() => <div data-testid="how-to-get-content-fallback-mock">How to get content fallback</div>),
 }));
+jest.mock("@src/app/_components/eligibility/EligibilityActions", () => ({
+  EligibilityActions: jest.fn().mockImplementation(() => <div data-testid="eligibility-actions-mock">Actions</div>),
+}));
 jest.mock("@project/auth", () => ({
   auth: jest.fn(),
 }));
@@ -154,6 +157,14 @@ describe("Any vaccine page", () => {
       expect(calloutText).toBeInTheDocument();
     });
 
+    it("should include actions", async () => {
+      await renderNamedVaccinePage(VaccineType.COVID_19);
+
+      const calloutText: HTMLElement = screen.getByTestId("eligibility-actions-mock");
+
+      expect(calloutText).toBeInTheDocument();
+    });
+
     it("should include lowercase vaccine name in more information text", async () => {
       const expectedMoreInformationHeading: string = "More information about the RSV vaccine";
 

src/app/_components/vaccine/Vaccine.tsx

@@ -6,6 +6,7 @@ import { HowToGetVaccineFallback } from "@src/app/_components/content/HowToGetVa
 import { MoreInformation } from "@src/app/_components/content/MoreInformation";
 import { Overview } from "@src/app/_components/content/Overview";
 import Recommendation from "@src/app/_components/content/Recommendation";
+import { EligibilityActions } from "@src/app/_components/eligibility/EligibilityActions";
 import { EligibilityVaccinePageContent } from "@src/app/_components/eligibility/EligibilityVaccinePageContent";
 import WarningCallout from "@src/app/_components/nhs-frontend/WarningCallout";
 import { RSVPregnancyInfo } from "@src/app/_components/vaccine-custom/RSVPregnancyInfo";
@@ -71,6 +72,7 @@ const VaccineComponent = async ({ vaccineType }: VaccineProps): Promise<JSX.Elem
           <Overview overview={styledVaccineContent.overview} vaccineType={vaccineType} />
           <Recommendation styledVaccineContent={styledVaccineContent} />
           <WarningCallout styledVaccineContent={styledVaccineContent} vaccineType={vaccineType} />
+          <EligibilityActions actions={styledVaccineContent.actions} />
           <Overview overview={styledVaccineContent.overviewConclusion} vaccineType={vaccineType} />
         </>
       )}

src/services/content-api/parsers/content-filter-service.ts

@@ -274,6 +274,7 @@ const buildFilteredContentForStandardVaccine = async (apiContent: string): Promi
     vaccineSideEffects,
     webpageLink,
     callout,
+    actions: [],
   };
 };
 

src/services/content-api/parsers/content-styling-service.test.tsx

@@ -307,6 +307,7 @@ describe("ContentStylingService", () => {
       };
       const mockContent: VaccinePageContent = {
         overview: { content: "This is an overview", containsHtml: false },
+        actions: [],
         whatVaccineIsFor: mockWhatSection,
         whoVaccineIsFor: mockWhoSection,
         howToGetVaccine: mockHowSection,
@@ -362,6 +363,7 @@ describe("ContentStylingService", () => {
       };
       const mockContent: VaccinePageContent = {
         overview: { content: "This is an overview", containsHtml: false },
+        actions: [],
         whoVaccineIsFor: mockWhoSection,
         howToGetVaccine: mockHowSection,
         vaccineSideEffects: mockSideEffectsSection,
@@ -398,6 +400,7 @@ describe("ContentStylingService", () => {
       };
       const mockContent: VaccinePageContent = {
         overview: { content: "This is an overview", containsHtml: false },
+        actions: [],
         whoVaccineIsFor: mockWhoSection,
         howToGetVaccine: mockHowSection,
         vaccineSideEffects: mockSideEffectsSection,

src/services/content-api/parsers/content-styling-service.tsx

@@ -221,6 +221,7 @@ const getStyledContentForVaccine = async (
   const callout: StyledPageSection | undefined = styleCallout(filteredContent.callout);
   const recommendation: StyledPageSection | undefined = styleRecommendation(filteredContent.recommendation);
   const overviewConclusion: Overview | undefined = filteredContent.overviewConclusion;
+  const actions = filteredContent.actions;
   let whatVaccineIsFor;
   if (filteredContent.whatVaccineIsFor) {
     whatVaccineIsFor = styleSection(filteredContent.whatVaccineIsFor);
@@ -234,6 +235,7 @@ const getStyledContentForVaccine = async (
     overview,
     callout,
     recommendation,
+    actions,
     overviewConclusion,
     whatVaccineIsFor,
     whoVaccineIsFor,

src/services/content-api/parsers/custom/covid-19.test.ts

@@ -1,4 +1,5 @@
 import { buildFilteredContentForCovid19Vaccine } from "@src/services/content-api/parsers/custom/covid-19";
+import { ActionDisplayType, ButtonUrl, Content, Label } from "@src/services/eligibility-api/types";
 import { genericVaccineContentAPIResponse } from "@test-data/content-api/data";
 
 jest.mock("sanitize-data", () => ({ sanitize: jest.fn() }));
@@ -31,7 +32,7 @@ describe("buildFilteredContentForCovid19Vaccine", () => {
     expect(pageCopyForCovid19Vaccine.recommendation?.heading).toEqual("The COVID-19 vaccine is recommended if you:");
   });
 
-  it("should return a callout when no campaign is active", async () => {
+  it("should return a callout but no actions when no campaign is active", async () => {
     // Given
     jest.setSystemTime(new Date("2025-10-01"));
 
@@ -51,16 +52,37 @@ describe("buildFilteredContentForCovid19Vaccine", () => {
 
     // Then
     expect(pageCopy).toEqual(expect.objectContaining(expected));
+    expect(pageCopy.actions).toHaveLength(0);
   });
 
-  it("should not return a callout when no campaign is active", async () => {
+  it("should return actions but no callout when no campaign is active", async () => {
     // Given
     jest.setSystemTime(new Date("2025-12-01"));
 
+    const expected = {
+      actions: [
+        {
+          type: ActionDisplayType.actionLinkWithInfo,
+          content: [
+            "## Get vaccinated without an appointment",
+            "You can find a walk-in COVID-19 vaccination site to get a vaccination without an appointment. You do not need to be registered with a GP.",
+          ].join("\n\n") as Content,
+          button: {
+            label: "Find a walk-in COVID-19 vaccination site" as Label,
+            url: new URL(
+              "https://www.nhs.uk/nhs-services/vaccination-and-booking-services/find-a-walk-in-covid-19-vaccination-site/",
+            ) as ButtonUrl,
+          },
+          delineator: false,
+        },
+      ],
+    };
+
     // When
     const pageCopy = await buildFilteredContentForCovid19Vaccine(JSON.stringify(genericVaccineContentAPIResponse));
 
     // Then
+    expect(pageCopy).toEqual(expect.objectContaining(expected));
     expect(pageCopy.callout).toBeUndefined();
   });
 });

src/services/content-api/parsers/custom/covid-19.tsx

@@ -1,6 +1,7 @@
 import { VaccineType } from "@src/models/vaccine";
 import { buildFilteredContentForStandardVaccine } from "@src/services/content-api/parsers/content-filter-service";
 import { HeadingWithContent, HeadingWithTypedContent, VaccinePageContent } from "@src/services/content-api/types";
+import { Action, ActionDisplayType, ButtonUrl, Content, Label } from "@src/services/eligibility-api/types";
 import config from "@src/utils/config";
 import { logger } from "@src/utils/logger";
 import { Logger } from "pino";
@@ -13,9 +14,24 @@ export const buildFilteredContentForCovid19Vaccine = async (apiContent: string):
   const standardFilteredContent = await buildFilteredContentForStandardVaccine(apiContent);
 
   let callout: HeadingWithTypedContent | undefined;
+  const actions: Action[] = [];
   if (campaigns.isActive(VaccineType.COVID_19)) {
     log.info("Campaign active");
     callout = undefined;
+    actions.push({
+      type: ActionDisplayType.actionLinkWithInfo,
+      content: [
+        "## Get vaccinated without an appointment",
+        "You can find a walk-in COVID-19 vaccination site to get a vaccination without an appointment. You do not need to be registered with a GP.",
+      ].join("\n\n") as Content,
+      button: {
+        label: "Find a walk-in COVID-19 vaccination site" as Label,
+        url: new URL(
+          "https://www.nhs.uk/nhs-services/vaccination-and-booking-services/find-a-walk-in-covid-19-vaccination-site/",
+        ) as ButtonUrl,
+      },
+      delineator: false,
+    });
   } else {
     log.info("No campaign active");
     callout = {
@@ -37,5 +53,5 @@ export const buildFilteredContentForCovid19Vaccine = async (apiContent: string):
     ].join("\n"),
   };
 
-  return { ...standardFilteredContent, callout, recommendation };
+  return { ...standardFilteredContent, callout, recommendation, actions };
 };

src/services/content-api/parsers/custom/flu-in-pregnancy.tsx

@@ -49,6 +49,7 @@ export const buildFilteredContentForFluInPregnancyVaccine = async (apiContent: s
 
   return {
     overview: undefined,
+    actions: [],
     whatVaccineIsFor: whyOffered,
     whoVaccineIsFor: isItSafe,
     howToGetVaccine,

src/services/content-api/parsers/custom/whooping-cough.tsx

@@ -33,6 +33,7 @@ export const buildFilteredContentForWhoopingCoughVaccine = async (apiContent: st
 
   return {
     overview,
+    actions: [],
     whatVaccineIsFor,
     whoVaccineIsFor,
     howToGetVaccine,