Merge remote-tracking branch 'origin/feature/CCM-4893_submit-email' into feature/CCM-4893_update-email

Author: Fawad Ali

src/__tests__/components/forms/CreateEmailTemplate/CreateEmailTemplate.test.tsx

@@ -1,5 +1,4 @@
 import { render } from '@testing-library/react';
-import userEvent from '@testing-library/user-event';
 import { mockDeep } from 'jest-mock-extended';
 import { TemplateFormState } from '@utils/types';
 import { CreateEmailTemplate } from '@forms/CreateEmailTemplate/CreateEmailTemplate';
@@ -24,8 +23,6 @@ jest.mock('react-dom', () => {
 });
 
 test('renders page', async () => {
-  const user = userEvent.setup();
-
   const container = render(
     <CreateEmailTemplate
       initialState={mockDeep<TemplateFormState>({
@@ -37,21 +34,6 @@ test('renders page', async () => {
     />
   );
   expect(container.asFragment()).toMatchSnapshot();
-
-  const templateNameInput = await container.findByTestId(
-    'emailTemplateName-input'
-  );
-  await user.type(templateNameInput, 'template-name');
-
-  const templateSubjectLineInput = await container.findByTestId(
-    'emailTemplateSubjectLine-input'
-  );
-  await user.type(templateSubjectLineInput, 'template-subject-line');
-
-  const templateMessageInput = await container.findByTestId(
-    'emailTemplateMessage-input'
-  );
-  await user.type(templateMessageInput, 'template-message');
 });
 
 test('renders page with preloaded field values', () => {

src/__tests__/components/forms/CreateEmailTemplate/server-action.test.ts

@@ -3,6 +3,7 @@ import { saveSession } from '@utils/form-actions';
 import { Session, TemplateType } from '@utils/types';
 import { redirect } from 'next/navigation';
 import { processFormActions } from '@forms/CreateEmailTemplate/server-action';
+import { MAX_EMAIL_CHARACTER_LENGTH } from '@utils/constants';
 
 jest.mock('@utils/amplify-utils', () => ({
   getAmplifyBackendClient: () => ({
@@ -65,6 +66,28 @@ describe('CreateEmailTemplate server actions', () => {
     });
   });
 
+  it('create-sms-template - should return response when when template message is too long', async () => {
+    const response = await processFormActions(
+      initialState,
+      getMockFormData({
+        'form-id': 'create-email-template',
+        emailTemplateName: 'template-name',
+        emailTemplateSubjectLine: 'template-subject-line',
+        emailTemplateMessage: 'a'.repeat(MAX_EMAIL_CHARACTER_LENGTH + 1),
+      })
+    );
+
+    expect(response).toEqual({
+      ...initialState,
+      validationError: {
+        formErrors: [],
+        fieldErrors: {
+          emailTemplateMessage: ['Template message too long'],
+        },
+      },
+    });
+  });
+
   it('create-email-template-back - should return response when no template name, template subject line or template message', async () => {
     const response = await processFormActions(
       initialState,

src/components/forms/CreateEmailTemplate/server-action.ts

@@ -3,6 +3,7 @@ import { zodValidationServerAction } from '@utils/zod-validation-server-action';
 import { z } from 'zod';
 import { saveSession } from '@utils/form-actions';
 import { redirect, RedirectType } from 'next/navigation';
+import { MAX_EMAIL_CHARACTER_LENGTH } from '@utils/constants';
 
 const $CreateEmailTemplateSchema = z.object({
   emailTemplateName: z
@@ -13,7 +14,10 @@ const $CreateEmailTemplateSchema = z.object({
     .min(1, { message: 'Enter a template subject line' }),
   emailTemplateMessage: z
     .string({ message: 'Enter a template message' })
-    .min(1, { message: 'Enter a template message' }),
+    .min(1, { message: 'Enter a template message' })
+    .max(MAX_EMAIL_CHARACTER_LENGTH, {
+      message: 'Template message too long',
+    }),
 });
 
 const $GoBackSchema = z.object({

src/content/content.ts

@@ -406,7 +406,6 @@ export const createEmailTemplatePageContent = {
   templateSubjectLineLabelText: 'Subject line',
   templateMessageLabelText: 'Message',
   templateNameHintText: 'This will not be visible to recipients.',
-  characterCountText: ' of 5000 characters',
   buttonText: 'Continue',
 };
 

src/utils/constants.ts

@@ -1 +1,2 @@
 export const MAX_SMS_CHARACTER_LENGTH = 918 as const;
+export const MAX_EMAIL_CHARACTER_LENGTH = 100_000 as const;

src/utils/form-actions.ts

@@ -53,7 +53,7 @@ export async function saveSession(session: Session) {
       operation: 'update',
     });
   }
-  return data as Session;
+  return data;
 }
 
 export async function getSession(