Templates copy

src/containers/Flow/FlowList/FlowList.tsx

@@ -6,7 +6,7 @@ import { useLazyQuery, useMutation, useQuery } from '@apollo/client';
 import { FormControl, MenuItem, Select } from '@mui/material';
 
 import FlowIcon from 'assets/images/icons/Flow/Dark.svg?react';
-import DuplicateIcon from 'assets/images/icons/Flow/Duplicate.svg?react';
+import DuplicateIcon from 'assets/images/icons/Duplicate.svg?react';
 import ExportIcon from 'assets/images/icons/Flow/Export.svg?react';
 import ConfigureIcon from 'assets/images/icons/Configure/UnselectedDark.svg?react';
 import PinIcon from 'assets/images/icons/Pin/Active.svg?react';

src/containers/InteractiveMessage/InteractiveMessageList/InteractiveMessageList.tsx

@@ -3,7 +3,7 @@ import { useTranslation } from 'react-i18next';
 
 import InteractiveMessageIcon from 'assets/images/icons/InteractiveMessage/Dark.svg?react';
 import DownArrow from 'assets/images/icons/DownArrow.svg?react';
-import DuplicateIcon from 'assets/images/icons/Flow/Duplicate.svg?react';
+import DuplicateIcon from 'assets/images/icons/Duplicate.svg?react';
 import { List } from 'containers/List/List';
 import {
   FILTER_INTERACTIVE_MESSAGES,

src/containers/Template/Form/HSM/HSM.test.tsx

@@ -48,21 +48,26 @@ describe('Add mode', () => {
     const { queryByText } = within(container.querySelector('form') as HTMLElement);
     const button: any = queryByText('Submit for Approval');
     await user.click(button);
+
+    // we should have 2 errors
     await waitFor(() => {
       expect(queryByText('Title is required.')).toBeInTheDocument();
       expect(queryByText('Message is required.')).toBeInTheDocument();
     });
 
-    // we should have 2 errors
-
     fireEvent.change(container.querySelector('input[name="label"]') as HTMLInputElement, {
       target: {
         value:
           'We are not allowing a really long title, and we should trigger validation for this.',
       },
     });
+
+    await user.click(button);
+
     // we should still have 2 errors
-    expect(queryByText('Title is required.')).toBeInTheDocument();
-    expect(queryByText('Message is required.')).toBeInTheDocument();
+    await waitFor(() => {
+      expect(queryByText('Title length is too long.')).toBeInTheDocument();
+      expect(queryByText('Message is required.')).toBeInTheDocument();
+    });
   });
 });

src/containers/Template/Form/HSM/HSM.tsx

@@ -2,7 +2,7 @@ import { useState } from 'react';
 import { useQuery } from '@apollo/client';
 import { EditorState } from 'draft-js';
 import { useTranslation } from 'react-i18next';
-import { useParams } from 'react-router-dom';
+import { useParams, useLocation } from 'react-router-dom';
 import Loading from 'components/UI/Layout/Loading/Loading';
 import TemplateIcon from 'assets/images/icons/Template/UnselectedDark.svg?react';
 import { GET_HSM_CATEGORIES } from 'graphql/queries/Template';
@@ -32,6 +32,7 @@ export const HSM = () => {
   const [category, setCategory] = useState<any>({ label: '', id: '' });
   const { t } = useTranslation();
   const params = useParams();
+  const location: any = useLocation();
 
   const { data: categoryList, loading } = useQuery(GET_HSM_CATEGORIES);
 
@@ -109,8 +110,9 @@ export const HSM = () => {
     setSampleMessages(message);
   };
 
+  const isCopyState = location.state === 'copy';
   let disabled = false;
-  if (params.id) {
+  if (params.id && !isCopyState) {
     disabled = true;
   }