CCM-14372: Add a callout message for letter if letter authoring is disabled

.tool-versions

@@ -10,10 +10,8 @@ terraform-docs 0.19.0
 # trivy 0.69.3
 vale 3.6.0
 python 3.13.2
-
 # ==============================================================================
 # The section below is reserved for Docker image versions.
-
 # TODO: Move this section - consider using a different file for the repository template dependencies.
 # docker/ghcr.io/anchore/grype v0.104.3@sha256:d340f4f8b3b7e6e72a6c9c0152f25402ed8a2d7375dba1dfce4e53115242feb6  # SEE: https://github.com/anchore/grype/pkgs/container/grype
 # docker/ghcr.io/anchore/syft v1.39.0@sha256:6f13bb010923c33fb197047c8f88888e77071bd32596b3f605d62a133e493ce4 # SEE: https://github.com/anchore/syft/pkgs/container/syft

frontend/src/__tests__/app/choose-a-template-type/__snapshots__/page.test.tsx.snap

@@ -1,6 +1,183 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`ChooseATemplateTypePage 1`] = `
+exports[`ChooseATemplateTypePage with letter authoring disabled 1`] = `
+<DocumentFragment>
+  <div
+    class="nhsuk-width-container"
+  >
+    <a
+      class="nhsuk-back-link"
+      data-testid="back-link-top"
+      href="/message-templates"
+    >
+      Back to all templates
+    </a>
+    <main
+      class="nhsuk-main-wrapper"
+      id="maincontent"
+      role="main"
+    >
+      <form
+        action="/action"
+      >
+        <input
+          name="form-id"
+          readonly=""
+          type="hidden"
+          value="choose-a-template-type"
+        />
+        <input
+          name="csrf_token"
+          readonly=""
+          type="hidden"
+          value="no_token"
+        />
+        <div
+          class="nhsuk-form-group"
+        >
+          <fieldset
+            class="nhsuk-fieldset"
+          >
+            <legend
+              class="nhsuk-fieldset__legend nhsuk-fieldset__legend--l"
+              data-testid="templateType-form__legend"
+            >
+              <h1
+                class="nhsuk-fieldset__heading"
+              >
+                Choose a template type to create
+              </h1>
+            </legend>
+            <p>
+              <a
+                href="/features"
+                rel="noopener noreferrer"
+                target="_blank"
+              >
+                Learn more about message channels (opens in a new tab)
+              </a>
+            </p>
+            <div
+              class="nhsuk-form-group"
+            >
+              <div
+                class="nhsuk-hint"
+                id="templateType--hint"
+              >
+                Select one option
+              </div>
+              <div
+                aria-describedby="templateType--hint"
+                class="nhsuk-radios"
+                id="templateType"
+              >
+                <div
+                  class="nhsuk-radios__item"
+                >
+                  <input
+                    class="nhsuk-radios__input"
+                    data-testid="nhsapp-radio"
+                    id="templateType-nhsapp"
+                    name="templateType"
+                    type="radio"
+                    value="NHS_APP"
+                  />
+                  <label
+                    class="nhsuk-label nhsuk-radios__label"
+                    for="templateType-nhsapp"
+                    id="templateType-nhsapp--label"
+                  >
+                    NHS App message
+                  </label>
+                </div>
+                <div
+                  class="nhsuk-radios__item"
+                >
+                  <input
+                    class="nhsuk-radios__input"
+                    data-testid="email-radio"
+                    id="templateType-email"
+                    name="templateType"
+                    type="radio"
+                    value="EMAIL"
+                  />
+                  <label
+                    class="nhsuk-label nhsuk-radios__label"
+                    for="templateType-email"
+                    id="templateType-email--label"
+                  >
+                    Email
+                  </label>
+                </div>
+                <div
+                  class="nhsuk-radios__item"
+                >
+                  <input
+                    class="nhsuk-radios__input"
+                    data-testid="sms-radio"
+                    id="templateType-sms"
+                    name="templateType"
+                    type="radio"
+                    value="SMS"
+                  />
+                  <label
+                    class="nhsuk-label nhsuk-radios__label"
+                    for="templateType-sms"
+                    id="templateType-sms--label"
+                  >
+                    Text message (SMS)
+                  </label>
+                </div>
+              </div>
+            </div>
+          </fieldset>
+        </div>
+        <div
+          class="nhsuk-card nhsuk-card--warning nhsuk-u-reading-width"
+        >
+          <div
+            class="nhsuk-card__content"
+          >
+            <h2
+              class="nhsuk-card__heading"
+            >
+              To create a letter template
+            </h2>
+            <p
+              class="nhsuk-card__description nhsuk-u-margin-top-3 nhsuk-u-margin-bottom-6"
+            >
+              You cannot upload a letter template using this service.
+            </p>
+            <p
+              class="nhsuk-card__description"
+            >
+              Follow our guidance to 
+              <a
+                href="https://notify.nhs.uk/using-nhs-notify/upload-a-letter"
+                rel="noopener noreferrer"
+                target="_blank"
+              >
+                upload a letter template (opens in a new tab)
+              </a>
+            </p>
+          </div>
+        </div>
+        <button
+          aria-disabled="false"
+          class="nhsuk-button"
+          data-testid="submit-button"
+          id="choose-a-template-type-submit-button"
+          type="submit"
+        >
+          Continue
+        </button>
+      </form>
+    </main>
+  </div>
+</DocumentFragment>
+`;
+
+exports[`ChooseATemplateTypePage with letter authoring enabled 1`] = `
 <DocumentFragment>
   <div
     class="nhsuk-width-container"

frontend/src/__tests__/app/choose-a-template-type/page.test.tsx

@@ -1,9 +1,10 @@
-import { render } from '@testing-library/react';
+import { render, screen } from '@testing-library/react';
 import ChooseATemplateTypePage, {
   generateMetadata,
 } from '@app/choose-a-template-type/page';
 import { TemplateFormState } from 'nhs-notify-web-template-management-utils';
 import content from '@content/content';
+import { useFeatureFlags } from '@providers/client-config-provider';
 
 const { pageTitle } = content.components.chooseTemplateType;
 
@@ -18,6 +19,10 @@ jest.mock('next/navigation', () => ({
   },
 }));
 
+jest.mock('@providers/client-config-provider', () => ({
+  useFeatureFlags: jest.fn(),
+}));
+
 jest.mock('react', () => {
   const originalModule = jest.requireActual('react');
 
@@ -33,11 +38,31 @@ jest.mock('react', () => {
   };
 });
 
-test('ChooseATemplateTypePage', async () => {
+test('ChooseATemplateTypePage with letter authoring disabled', async () => {
+  jest.mocked(useFeatureFlags).mockReturnValue({
+    letterAuthoring: false,
+  });
+
   const page = await ChooseATemplateTypePage();
 
   const container = render(page);
 
+  expect(screen.queryByTestId('letter-radio')).not.toBeInTheDocument();
+
   expect(await generateMetadata()).toEqual({ title: pageTitle });
   expect(container.asFragment()).toMatchSnapshot();
 });
+
+test('ChooseATemplateTypePage with letter authoring enabled', async () => {
+  jest.mocked(useFeatureFlags).mockReturnValue({
+    letterAuthoring: true,
+  });
+
+  const page = await ChooseATemplateTypePage();
+
+  const container = render(page);
+
+  expect(screen.getByTestId('letter-radio')).toBeInTheDocument();
+
+  expect(container.asFragment()).toMatchSnapshot();
+});