Merge pull request #967 from glific/feature/shortcode-validation

Shortcode validation added

src/containers/Template/Form/Template.tsx

@@ -20,14 +20,21 @@ import { CREATE_MEDIA_MESSAGE } from '../../../graphql/mutations/Chat';
 import { Checkbox } from '../../../components/UI/Form/Checkbox/Checkbox';
 import { USER_LANGUAGES } from '../../../graphql/queries/Organization';
 
+const regexForShortcode = /^[a-z0-9_]+$/g;
+
 const HSMValidation = {
   example: Yup.string()
     .transform((current, original) => {
       return original.getCurrentContent().getPlainText();
     })
     .required('Example is required.'),
   category: Yup.object().nullable().required('Category is required.'),
-  shortcode: Yup.string().required('Element name is required.'),
+  shortcode: Yup.string()
+    .required('Element name is required.')
+    .matches(
+      regexForShortcode,
+      'Only lowercase alphanumeric characters and underscores are allowed.'
+    ),
 };
 
 const dialogMessage = ' It will stop showing when you are drafting a customized message.';