NHSDigital
diff --git a/‎frontend/src/__tests__/app/submit-email-template/page.test.tsx‎
Lines changed: 1 addition & 1 deletion b/‎frontend/src/__tests__/app/submit-email-template/page.test.tsx‎
Lines changed: 1 addition & 1 deletion
diff --git a/‎frontend/src/__tests__/app/submit-nhs-app-template/page.test.tsx‎
Lines changed: 1 addition & 1 deletion b/‎frontend/src/__tests__/app/submit-nhs-app-template/page.test.tsx‎
Lines changed: 1 addition & 1 deletion
diff --git a/‎frontend/src/__tests__/app/submit-text-message-template/page.test.tsx‎
Lines changed: 1 addition & 1 deletion b/‎frontend/src/__tests__/app/submit-text-message-template/page.test.tsx‎
Lines changed: 1 addition & 1 deletion
diff --git a/‎frontend/src/__tests__/components/forms/SubmitTemplate/SubmitTemplate.test.tsx‎
Lines changed: 1 addition & 1 deletion b/‎frontend/src/__tests__/components/forms/SubmitTemplate/SubmitTemplate.test.tsx‎
Lines changed: 1 addition & 1 deletion
diff --git a/‎frontend/src/__tests__/utils/form-actions.test.ts‎
Lines changed: 63 additions & 0 deletions b/‎frontend/src/__tests__/utils/form-actions.test.ts‎
Lines changed: 63 additions & 0 deletions
diff --git a/‎frontend/src/app/request-proof/[templateId]/page.tsx‎
Lines changed: 42 additions & 0 deletions b/‎frontend/src/app/request-proof/[templateId]/page.tsx‎
Lines changed: 42 additions & 0 deletions
diff --git a/‎frontend/src/app/submit-email-template/[templateId]/page.tsx‎
Lines changed: 1 addition & 1 deletion b/‎frontend/src/app/submit-email-template/[templateId]/page.tsx‎
Lines changed: 1 addition & 1 deletion
diff --git a/‎frontend/src/app/submit-nhs-app-template/[templateId]/page.tsx‎
Lines changed: 1 addition & 1 deletion b/‎frontend/src/app/submit-nhs-app-template/[templateId]/page.tsx‎
Lines changed: 1 addition & 1 deletion
diff --git a/‎frontend/src/app/submit-text-message-template/[templateId]/page.tsx‎
Lines changed: 1 addition & 1 deletion b/‎frontend/src/app/submit-text-message-template/[templateId]/page.tsx‎
Lines changed: 1 addition & 1 deletion
diff --git a/‎frontend/src/components/forms/RequestProof/RequestProof.tsx‎
Lines changed: 75 additions & 0 deletions b/‎frontend/src/components/forms/RequestProof/RequestProof.tsx‎
Lines changed: 75 additions & 0 deletions
@@ -53,7 +53,7 @@ describe('SubmitEmailTemplatePage', () => {
         templateName={state.name}
         templateId={state.id}
         goBackPath='preview-email-template'
-        submitPath='email-template-submitted'
+        confirmPath='email-template-submitted'
       />
     );
   });
 
@@ -57,7 +57,7 @@ describe('SubmitNhsAppTemplatePage', () => {
         templateName={state.name}
         templateId={state.id}
         goBackPath='preview-nhs-app-template'
-        submitPath='nhs-app-template-submitted'
+        confirmPath='nhs-app-template-submitted'
       />
     );
   });
 
@@ -57,7 +57,7 @@ describe('SubmitSmsTemplatePage', () => {
         templateName={state.name}
         templateId={state.id}
         goBackPath='preview-text-message-template'
-        submitPath='text-message-template-submitted'
+        confirmPath='text-message-template-submitted'
       />
     );
   });
 
@@ -25,7 +25,7 @@ describe('SubmitTemplate component', () => {
         templateId='template-id'
         templateName='template-name'
         goBackPath='example'
-        submitPath='example-submit'
+        confirmPath='example-submit'
       />
     );
 
 
@@ -14,6 +14,7 @@ import {
   createLetterTemplate,
   setTemplateToDeleted,
   setTemplateToSubmitted,
+  requestTemplateProof,
 } from '@utils/form-actions';
 import { getAccessTokenServer } from '@utils/amplify-utils';
 import { TemplateDto } from 'nhs-notify-backend-client';
@@ -583,4 +584,66 @@ describe('form-actions', () => {
       );
     });
   });
+
+  describe('requestTemplateProof', () => {
+    test('sends proof request successfully', async () => {
+      const responseData = {
+        templateType: 'LETTER',
+        id: 'new-template-id',
+        templateStatus: 'NOT_YET_SUBMITTED',
+        name: 'template-name',
+        letterType: 'q1',
+        language: 'ar',
+        files: {
+          pdfTemplate: {
+            fileName: 'template.pdf',
+            currentVersion: 'pdf-version',
+            virusScanStatus: 'PASSED',
+          },
+        },
+        createdAt: '2025-01-13T10:19:25.579Z',
+        updatedAt: '2025-01-13T10:19:25.579Z',
+      } satisfies TemplateDto;
+
+      mockedTemplateClient.requestProof.mockResolvedValueOnce({
+        data: responseData,
+      });
+
+      const response = await requestTemplateProof('id');
+
+      expect(mockedTemplateClient.requestProof).toHaveBeenCalledWith(
+        'id',
+        'token'
+      );
+
+      expect(response).toEqual(responseData);
+    });
+
+    test('requestTemplateProof - should throw error when saving unexpectedly fails', async () => {
+      mockedTemplateClient.requestProof.mockResolvedValueOnce({
+        error: {
+          code: 400,
+          message: 'Bad request',
+        },
+      });
+
+      await expect(requestTemplateProof('id')).rejects.toThrow(
+        'Failed to request proof'
+      );
+
+      expect(mockedTemplateClient.requestProof).toHaveBeenCalledWith(
+        'id',
+        'token'
+      );
+    });
+
+    test('deleteTemplate - should throw error when no token', async () => {
+      authIdTokenServerMock.mockReset();
+      authIdTokenServerMock.mockResolvedValueOnce(undefined);
+
+      await expect(requestTemplateProof('id')).rejects.toThrow(
+        'Failed to get access token'
+      );
+    });
+  });
 });
@@ -0,0 +1,42 @@
+'use server';
+
+import { Metadata } from 'next';
+import { redirect, RedirectType } from 'next/navigation';
+import { RequestProof } from '@forms/RequestProof/RequestProof';
+import {
+  PageProps,
+  validateLetterTemplate,
+} from 'nhs-notify-web-template-management-utils';
+import { getTemplate } from '@utils/form-actions';
+import content from '@content/content';
+
+const { pageTitle } = content.components.submitTemplate;
+
+export async function generateMetadata(): Promise<Metadata> {
+  return {
+    title: pageTitle.EMAIL,
+  };
+}
+
+const RequestProofPage = async (props: PageProps) => {
+  const { templateId } = await props.params;
+
+  const template = await getTemplate(templateId);
+
+  const validatedTemplate = validateLetterTemplate(template);
+
+  if (!validatedTemplate) {
+    return redirect('/invalid-template', RedirectType.replace);
+  }
+
+  return (
+    <RequestProof
+      templateName={validatedTemplate.name}
+      templateId={validatedTemplate.id}
+      goBackPath='preview-letter-template'
+      confirmPath='preview-letter-template'
+    />
+  );
+};
+
+export default RequestProofPage;
@@ -34,7 +34,7 @@ const SubmitEmailTemplatePage = async (props: PageProps) => {
       templateName={validatedTemplate.name}
       templateId={validatedTemplate.id}
       goBackPath='preview-email-template'
-      submitPath='email-template-submitted'
+      confirmPath='email-template-submitted'
     />
   );
 };
 
@@ -34,7 +34,7 @@ const SubmitNhsAppTemplatePage = async (props: PageProps) => {
       templateName={validatedTemplate.name}
       templateId={validatedTemplate.id}
       goBackPath='preview-nhs-app-template'
-      submitPath='nhs-app-template-submitted'
+      confirmPath='nhs-app-template-submitted'
     />
   );
 };
 
@@ -34,7 +34,7 @@ const SubmitSmsTemplatePage = async (props: PageProps) => {
       templateName={validatedTemplate.name}
       templateId={validatedTemplate.id}
       goBackPath='preview-text-message-template'
-      submitPath='text-message-template-submitted'
+      confirmPath='text-message-template-submitted'
     />
   );
 };
 
@@ -0,0 +1,75 @@
+'use client';
+
+import { ConfirmCancelProps } from 'nhs-notify-web-template-management-utils';
+import content from '@content/content';
+import { NHSNotifyMain } from '@atoms/NHSNotifyMain/NHSNotifyMain';
+import concatClassNames from '@utils/concat-class-names';
+import { NHSNotifyFormWrapper } from '@molecules/NHSNotifyFormWrapper/NHSNotifyFormWrapper';
+import { NHSNotifyButton } from '@atoms/NHSNotifyButton/NHSNotifyButton';
+import { getBasePath } from '@utils/get-base-path';
+import { useActionState } from 'react';
+import { requestProof } from './server-action';
+
+export function RequestProof({
+  templateName,
+  templateId,
+  goBackPath,
+  confirmPath,
+}: ConfirmCancelProps) {
+  const {
+    buttons,
+    checkTestData,
+    requirementsIntro,
+    requirementsList,
+    subHeading,
+    waitTime,
+  } = content.components.requestProof;
+
+  const goBackHref = `${getBasePath()}/${goBackPath}/${templateId}`;
+
+  const [_, action] = useActionState(requestProof, confirmPath);
+
+  return (
+    <NHSNotifyMain>
+      <h1
+        id='request-proof'
+        className={concatClassNames(
+          'nhsuk-heading-l',
+          'nhsuk-u-margin-bottom-0'
+        )}
+      >
+        Request a proof of &apos;{templateName}&apos;
+      </h1>
+      <h2
+        className={concatClassNames(
+          'nhsuk-heading-xs',
+          'nhsuk-u-margin-bottom-1'
+        )}
+      >
+        {subHeading}
+      </h2>
+      <p>{requirementsIntro}</p>
+      <ul>
+        {requirementsList.map((text, i) => (
+          <li key={i}>{text}</li>
+        ))}
+      </ul>
+      <p>{checkTestData}</p>
+      <p>{waitTime}</p>
+      <NHSNotifyFormWrapper formId='submit-template-form' action={action}>
+        <input type='hidden' name='templateId' value={templateId} readOnly />
+        <NHSNotifyButton
+          secondary
+          id='go-back-button'
+          className='nhsuk-u-margin-right-3'
+          href={goBackHref}
+        >
+          {buttons.back}
+        </NHSNotifyButton>
+        <NHSNotifyButton id='request-proof-button'>
+          {buttons.confirm}
+        </NHSNotifyButton>
+      </NHSNotifyFormWrapper>
+    </NHSNotifyMain>
+  );
+}