@capillarytech/creatives-library 7.10.8 → 7.10.10

package/v2Containers/SmsTrai/Create/index.js

@@ -18,7 +18,6 @@ import CapNotification from '@capillarytech/cap-ui-library/CapNotification';
 import Papa from 'papaparse';
 import cloneDeep from 'lodash/cloneDeep';
 import {
-  CAP_SPACE_12,
   CAP_SPACE_16,
   CAP_SPACE_24,
   CAP_SPACE_32,
@@ -48,7 +47,13 @@ import messages from './messages';
 import withCreatives from '../../../hoc/withCreatives';
 
 export const SmsTraiCreate = (props) => {
-  const { intl, actions, onCreateComplete } = props;
+  const {
+    intl,
+    actions,
+    onCreateComplete,
+    isFullMode,
+    onShowTemplates,
+  } = props;
   const { formatMessage } = intl;
   const [files, setFiles] = useState([]);
   const [errorText, setErrorText] = useState('');
@@ -90,13 +95,13 @@ export const SmsTraiCreate = (props) => {
     const numbersOnly = /^\d+$/;
     let isError = false;
     senderIdString.split(',').forEach((value) => {
-      value = value.trim();
-      if (value) {
-        if (value.length !== 6) {
+      const _value = value.trim();
+      if (_value) {
+        if (_value.length !== 6) {
           isError = true;
           return;
         }
-        if (!(lettersOnly.test(value) || numbersOnly.test(value))) {
+        if (!(lettersOnly.test(_value) || numbersOnly.test(_value))) {
           isError = true;
         }
       }
@@ -114,7 +119,7 @@ export const SmsTraiCreate = (props) => {
       APPROVAL_STATUS,
     );
 
-    for (let row = 1; row < transformedResults.length; row++) {
+    for (let row = 1; row < transformedResults.length; row += 1) {
       const errorArray = [];
       const headerErrorArray = [];
       const approvalErrorArray = [];
@@ -204,7 +209,7 @@ export const SmsTraiCreate = (props) => {
         return;
       }
       //one of the mandatory template id alias should be available.
-      for (let i = 0; i < TEMPLATE_ID_ALIASES.length; i++) {
+      for (let i = 0; i < TEMPLATE_ID_ALIASES.length; i += 1) {
         if (cols.includes(TEMPLATE_ID_ALIASES[i])) {
           templateIdAliasPresent.push(TEMPLATE_ID_ALIASES[i]);
         }
@@ -218,7 +223,7 @@ export const SmsTraiCreate = (props) => {
         return;
       }
       //one of the mandatory template message alias should be available.
-      for (let i = 0; i < TEMPLATE_MESSAGE_ALIASES.length; i++) {
+      for (let i = 0; i < TEMPLATE_MESSAGE_ALIASES.length; i += 1) {
         if (cols.includes(TEMPLATE_MESSAGE_ALIASES[i])) {
           templateMessageAliasPresent.push(TEMPLATE_MESSAGE_ALIASES[i]);
         }
@@ -306,7 +311,7 @@ export const SmsTraiCreate = (props) => {
             });
           }
           //adding validated rejection reason column to original results
-          for (let i = 0; i < validatedResults.length; i++) {
+          for (let i = 0; i < validatedResults.length; i += 1) {
             results.data[i].push(validatedResults[i][6]);
           }
           updateSaveTemplate(true);
@@ -356,7 +361,7 @@ export const SmsTraiCreate = (props) => {
 
     if (rejectionIndex !== -1) {
       tempArray.push(fileData[0]);
-      for (let row = 1; row < fileData.length; row++) {
+      for (let row = 1; row < fileData.length; row += 1) {
         if (fileData[row][rejectionIndex]) {
           tempArray.push(fileData[row]);
         }
@@ -392,16 +397,15 @@ export const SmsTraiCreate = (props) => {
     tempArray.push(fileData[0]);
 
     // filter out non rejected rows
-    for (let row = 1; row < fileData.length; row++) {
+    for (let row = 1; row < fileData.length; row += 1) {
       if (!fileData[row][rejectionIndex]) {
         tempArray.push(fileData[row]);
       }
     }
-
     // Filter out the columns index that needs to save
     const cols = getAllColumnNames(tempArray[0]);
     const indexArray = [];
-    for (let i = 0; i < cols.length; i++) {
+    for (let i = 0; i < cols.length; i += 1) {
       if (
         SAVED_COLUMNS.includes(cols[i]) ||
         HEADER_ALIASES.includes(cols[i]) ||
@@ -418,7 +422,7 @@ export const SmsTraiCreate = (props) => {
       transformedResults.push(
         indexArray.map((i) => {
           if (key === '0') {
-            return MAPPED_SAVED_COLUMN[tempArray[key][i]];
+            return MAPPED_SAVED_COLUMN[tempArray[key][i]?.toUpperCase()];
           }
           return tempArray[key][i];
         }),
@@ -452,7 +456,11 @@ export const SmsTraiCreate = (props) => {
       { templates: savedData },
       (resp, errorMessage) => {
         createCallback({ errorMessage });
-        onCreateComplete();
+        if (isFullMode) {
+          onCreateComplete();
+        } else {
+          onShowTemplates();
+        }
       },
     );
   };
@@ -530,7 +538,7 @@ export const SmsTraiCreate = (props) => {
           {previewFileIndex !== null && (
             <>
               <CapRow span={24} className="upload-type-group-create-container">
-                <div className="upload-file-preview">
+                <>
                   <CapDivider
                     type="horizontal"
                     className="upload-file-preview-divider-1"
@@ -635,7 +643,7 @@ export const SmsTraiCreate = (props) => {
                     className="upload-file-preview-divider-2"
                   />
                   {errorText && <CapError>{errorText}</CapError>}
-                </div>
+                </>
               </CapRow>
             </>
           )}

package/v2Containers/SmsTrai/Edit/index.js

@@ -13,6 +13,8 @@ import CapLabel from '@capillarytech/cap-ui-library/CapLabel';
 import CapHeading from '@capillarytech/cap-ui-library/CapHeading';
 import CapSpin from '@capillarytech/cap-ui-library/CapSpin';
 import CapNotification from '@capillarytech/cap-ui-library/CapNotification';
+import CapError from '@capillarytech/cap-ui-library/CapError';
+import CapCheckbox from '@capillarytech/cap-ui-library/CapCheckbox';
 import {
   CAP_SPACE_16,
   CAP_SPACE_12,
@@ -24,12 +26,13 @@ import {
 } from '@capillarytech/cap-ui-library/styled/variables';
 import { makeSelectTemplateDetailsResponse } from '../../Sms/Edit/selectors';
 import { makeSelectMetaEntities, setInjectedTags } from '../../Cap/selectors';
-import * as actions from '../../Sms/Edit/actions';
+import * as smsEditActions from '../../Sms/Edit/actions';
 import messages from './messages';
 import TagList from '../../TagList';
 import TemplatePreview from '../../../v2Components/TemplatePreview';
 import withCreatives from '../../../hoc/withCreatives';
-
+import { validateTags } from '../../../utils/tagValidations';
+import { updateCharCount } from '../../../utils/smsCharCountV2';
 import {
   CHARLIMIT,
   SMS,
@@ -41,9 +44,13 @@ import {
   ALL,
   LIBRARY,
 } from './constants';
+
 let varMap = {};
+let traiData = {};
+let tagValidationResponse = {};
 const { TextArea } = CapInput;
 const { CapLabelInline } = CapLabel;
+
 export const SmsTraiEdit = (props) => {
   const {
     intl,
@@ -58,6 +65,9 @@ export const SmsTraiEdit = (props) => {
     metaEntities,
     injectedTags,
     onCreateComplete,
+    isFullMode,
+    getFormSubscriptionData,
+    templateData = {},
   } = props || {};
   const { formatMessage } = intl;
   const [loading, updateLoading] = useState(true);
@@ -66,7 +76,9 @@ export const SmsTraiEdit = (props) => {
   const [tags, updateTags] = useState([]);
   const [textAreaId, updateTextAreaId] = useState();
   const [isValidationError, updateIsValidationError] = useState(false);
-  let totalVarCount = 0;
+  const [isTagValidationError, updateIsTagValidationError] = useState(false);
+  const [totalMessageLength, setTotalMessageLength] = useState(0);
+  const [isUnicodeAllowed, updateIsUnicodeAllowed] = useState(false);
   const SMSTraiFooter = styled.div`
     background-color: ${CAP_WHITE};
     position: fixed;
@@ -85,32 +97,38 @@ export const SmsTraiEdit = (props) => {
       margin-right: ${CAP_SPACE_12};
     }
   `;
+
   useEffect(() => {
+    //fetching tags
+    const { type, module } = location.query || {};
+    const isEmbedded = type === EMBEDDED;
+    const query = {
+      layout: SMS,
+      type: TAG,
+      context: isEmbedded ? module : DEFAULT,
+      embedded: isEmbedded ? type : FULL,
+    };
+    if (getDefaultTags) {
+      query.context = getDefaultTags;
+    }
+    globalActions.fetchSchemaForEntity(query);
+    //fetching template data in fullmode
     const { id } = params || {};
     if (id) {
       actions.getTemplateDetails(id);
-      //fetching tags
-      const query = {
-        layout: SMS,
-        type: TAG,
-        context:
-          location.query.type === EMBEDDED ? location.query.module : DEFAULT,
-        embedded: location.query.type === EMBEDDED ? location.query.type : FULL,
-      };
-      if (getDefaultTags) {
-        query.context = getDefaultTags;
-      }
-      globalActions.fetchSchemaForEntity(query);
     }
+    //cleanup code
     return () => {
       actions.resetEditTemplate();
+      varMap = {};
     };
   }, []);
 
   //computing placeholder array for mapping values and rendering dynamic form
   useEffect(() => {
-    if (templateDetails && !isEmpty(templateDetails)) {
-      let msg = get(templateDetails, `versions.base.sms-editor`);
+    traiData = isFullMode ? templateDetails : templateData;
+    if (traiData && !isEmpty(traiData)) {
+      let msg = get(traiData, `versions.base.sms-editor`);
       const templateMessageArray = [];
       //converting sms-editor string to an array split at '{#var#}'
       //split and push string before '{#var#}[0 to index]', push '{#var#}',
@@ -126,44 +144,57 @@ export const SmsTraiEdit = (props) => {
           break;
         }
       }
-
       const filteredTemplateMessageArray = templateMessageArray.filter(
         (i) => i.trim() !== '',
       );
       updateTempMsgArray(filteredTemplateMessageArray);
+      //updating unicode-validity
+      updateIsUnicodeAllowed(
+        get(traiData, `versions.base.unicode-validity`, false),
+      );
       //stop spinner
       updateLoading(false);
     }
-  }, [templateDetails]);
+  }, [templateDetails || templateData]);
 
+  //compute/get varMapped and updated-sms-editor
   useEffect(() => {
     if (tempMsgArray.length !== 0) {
-      //if varMapped and updated-sms-editor is already present on non first edits
-      if (!isEmpty(get(templateDetails, `versions.base.var-mapped`))) {
-        varMap = cloneDeep(get(templateDetails, `versions.base.var-mapped`));
-        setUpdatedSmsEditor(
-          get(templateDetails, `versions.base.updated-sms-editor`),
-        );
+      const traiBase = traiData?.versions?.base || {};
+      const {
+        'var-mapped': varMapped = {},
+        'updated-sms-editor': traiSmsEditor = '',
+      } = traiBase;
+      //if varMap and updated-sms-editor is already present on non first edits,use those values
+      if (!isEmpty(varMapped)) {
+        varMap = cloneDeep(varMapped);
+        if (isFullMode) {
+          setUpdatedSmsEditor(traiSmsEditor);
+        } else {
+          computeUpdatedSmsEditor();
+        }
       } else {
-        //computing varMap for first edit
+        //computing and setting varMap for first edit
         let counter = 1;
-        for (let i = 0; i < tempMsgArray.length; i++) {
+        for (let i = 0; i < tempMsgArray.length; i += 1) {
           if (tempMsgArray[i] === SMS_TRAI_VAR) {
             const nextElem =
               tempMsgArray[i === tempMsgArray.length - 1 ? 0 : i + 1];
             if (tempMsgArray[i] !== nextElem) {
-              varMap[`${tempMsgArray[i]}_${i - counter + 1}`] = {
+              varMap[`${tempMsgArray[i]}_${(i - counter) + 1}`] = {
                 data: '',
                 count: counter,
               };
               counter = 1;
             } else {
-              counter++;
+              counter += 1;
             }
           }
         }
         setUpdatedSmsEditor(tempMsgArray);
       }
+      // calcaulate message length here
+      calculateTotalMessageLength();
     }
   }, [tempMsgArray]);
 
@@ -176,6 +207,43 @@ export const SmsTraiEdit = (props) => {
     }
   }, []);
 
+  //performs tag validation
+  useEffect(() => {
+    if (
+      !isFullMode &&
+      updatedSmsEditor?.length > 0 &&
+      !updatedSmsEditor.includes(SMS_TRAI_VAR)
+    ) {
+      tagValidationResponse =
+        validateTags({
+          content: updatedSmsEditor.join(''),
+          tagsParam: tags,
+          injectedTagsParams: injectedTags,
+          location,
+          tagModule: getDefaultTags,
+        }) || {};
+      updateIsTagValidationError(
+        tagValidationResponse.unsupportedTags.length > 0,
+      );
+    }
+  }, [updatedSmsEditor, tags]);
+
+  const computeUpdatedSmsEditor = () => {
+    const updatedSmsArray = [...tempMsgArray];
+    for (const key in varMap) {
+      const index = Number(key.slice(8)); //Eg: -> extracting index 1 from keys like {#var# } _1
+      for (let i = 0; i < varMap[key].count; i += 1) {
+        //when multiple "#var#" come continuously ,it is considered as 1 textbox
+        if (i === 0) {
+          updatedSmsArray[index] = varMap[key].data; //data for first #var# of the textbox
+        } else {
+          updatedSmsArray[index + i] = ''; //"" for remaining #var# of a textbox
+        }
+      }
+    }
+    setUpdatedSmsEditor(updatedSmsArray);
+  };
+
   //Saving on done start
   const onUpdateTemplateComplete = (editResponse, errorMsg) => {
     if (editResponse?.templateId) {
@@ -191,16 +259,30 @@ export const SmsTraiEdit = (props) => {
     }
   };
   const onDoneCallback = () => {
-    if (updatedSmsEditor.includes(SMS_TRAI_VAR)) {
+    if (updatedSmsEditor.includes(SMS_TRAI_VAR) && !isFullMode) {
       //during save textbox should not be empty
       updateIsValidationError(true);
     } else {
       //start spinner
       updateLoading(true);
-      templateDetails.versions.base['var-mapped'] = varMap;
-      templateDetails.versions.base['updated-sms-editor'] = updatedSmsEditor;
-      templateDetails.versions.history = [templateDetails.versions.base];
-      actions.editTemplate(templateDetails, onUpdateTemplateComplete);
+      const traiVersions = traiData.versions || {};
+      traiVersions.base = {
+        ...traiVersions.base,
+        'var-mapped': varMap,
+        'updated-sms-editor': updatedSmsEditor,
+        'unicode-validity': isUnicodeAllowed,
+      };
+      traiVersions.history = [traiVersions.base];
+      if (isFullMode) {
+        actions.editTemplate(traiData, onUpdateTemplateComplete);
+      } else {
+        getFormSubscriptionData({
+          value: traiData.versions,
+          _id: params && params.id,
+          validity: true,
+          type: SMS,
+        });
+      }
     }
   };
   //Saving on done end
@@ -209,17 +291,16 @@ export const SmsTraiEdit = (props) => {
   useEffect(() => {
     let tag =
       metaEntities && metaEntities.tags ? metaEntities.tags.standard : [];
-    if (
-      location.query.type === EMBEDDED &&
-      location.query.module === LIBRARY &&
-      !getDefaultTags
-    ) {
+    const { type, module } = location.query || {};
+    if (type === EMBEDDED && module === LIBRARY && !getDefaultTags) {
       tag = supportedTags;
     }
     updateTags(tag);
   }, [metaEntities]);
 
   const handleOnTagsContextChange = (data) => {
+    const { type } = location.query || {};
+    const isEmbedded = type === EMBEDDED;
     const query = {
       layout: SMS,
       type: TAG,
@@ -227,7 +308,7 @@ export const SmsTraiEdit = (props) => {
         (data || '').toLowerCase() === ALL
           ? DEFAULT
           : (data || '').toLowerCase(),
-      embedded: location.query.type === EMBEDDED ? location.query.type : FULL,
+      embedded: isEmbedded ? type : FULL,
     };
     globalActions.fetchSchemaForEntity(query);
   };
@@ -240,7 +321,7 @@ export const SmsTraiEdit = (props) => {
         for (
           let i = 0;
           i < varMap[`${SMS_TRAI_VAR}_${textAreaId}`].count;
-          i++
+          i += 1
         ) {
           tempArr[textAreaId + i] = '';
         }
@@ -259,23 +340,24 @@ export const SmsTraiEdit = (props) => {
 
   // on change event of Text Area
   const textAreaValueChange = ({ target: { value, id } }) => {
-    id = Number(id);
+    const _id = Number(id);
     const arr = [...updatedSmsEditor];
-    varMap[`${SMS_TRAI_VAR}_${id}`].data = value;
+    varMap[`${SMS_TRAI_VAR}_${_id}`].data = value;
     if (value === '') {
-      for (let i = 0; i < varMap[`${SMS_TRAI_VAR}_${id}`].count; i++) {
-        arr[id + i] = SMS_TRAI_VAR;
+      for (let i = 0; i < varMap[`${SMS_TRAI_VAR}_${_id}`].count; i += 1) {
+        arr[_id + i] = SMS_TRAI_VAR;
       }
     } else {
-      for (let i = 0; i < varMap[`${SMS_TRAI_VAR}_${id}`].count; i++) {
+      for (let i = 0; i < varMap[`${SMS_TRAI_VAR}_${id}`].count; i += 1) {
         if (i === 0) {
-          arr[id] = varMap[`${SMS_TRAI_VAR}_${id}`].data;
+          arr[_id] = varMap[`${SMS_TRAI_VAR}_${_id}`].data;
         } else {
-          arr[id + i] = '';
+          arr[_id + i] = '';
         }
       }
     }
     setUpdatedSmsEditor(arr);
+    calculateTotalMessageLength();
   };
 
   const textAreaValue = (idValue) => {
@@ -285,9 +367,8 @@ export const SmsTraiEdit = (props) => {
         updatedSmsEditor[idValue] !== SMS_TRAI_VAR
       ) {
         return updatedSmsEditor[idValue];
-      } else {
-        return '';
       }
+      return '';
     }
     return '';
   };
@@ -308,19 +389,19 @@ export const SmsTraiEdit = (props) => {
         </CapHeading>
       );
     }
+    return <></>;
   };
 
   const renderedContent = () => {
     const renderArray = [];
     if (tempMsgArray?.length !== 0) {
       let varCount = 0;
-      tempMsgArray.map((elem, index) => {
+      tempMsgArray.forEach((elem, index) => {
         let prevElem = '';
         if (elem.includes(SMS_TRAI_VAR)) {
           prevElem =
             tempMsgArray[[index === 0 ? tempMsgArray.length - 1 : index - 1]];
-          varCount++;
-          totalVarCount++;
+          varCount += 1;
           if (prevElem !== SMS_TRAI_VAR) {
             renderArray.push(
               <TextArea
@@ -371,42 +452,77 @@ export const SmsTraiEdit = (props) => {
     return renderArray;
   };
 
+  const smsLengthForVar = () => (
+    <CapHeading type="h5" style={{ marginTop: CAP_SPACE_04, float: 'right' }}>
+      {formatMessage(messages.totalCharacters, {
+        smsCount: Math.ceil(totalMessageLength / 160),
+        number: totalMessageLength,
+      })}
+    </CapHeading>
+  );
+
   // to compute the length of the message
-  //30 characters is blocked per'{#var#}' and the remaining string length is added to it
-  const smsLengthForVar = () => {
-    const msgLenWithoutVar =
-      tempMsgArray?.filter((i) => i !== SMS_TRAI_VAR)?.join('').length || 0;
-    const totalMessageLength = msgLenWithoutVar + totalVarCount * CHARLIMIT;
-    return (
-      <CapHeading type="h5" style={{ marginTop: CAP_SPACE_04, float: 'right' }}>
-        {formatMessage(messages.totalCharacters, {
-          smsCount: Math.ceil(totalMessageLength / 160),
-          number: totalMessageLength,
-        })}
-      </CapHeading>
-    );
+  //30 characters is blocked per'{#var#}' if textbox is empty otherwise it will be textbox length
+  // and the remaining string length is added to it
+  const calculateTotalMessageLength = () => {
+    const msgLenWithoutVar = tempMsgArray
+      ?.filter((i) => i !== SMS_TRAI_VAR)
+      .join('');
+    const charDetails = updateCharCount(msgLenWithoutVar, false);
+    const varLen = calculateLenForTextBox();
+    const totalMsgLen = charDetails.chars_used + varLen;
+    setTotalMessageLength(totalMsgLen);
+  };
+
+  const calculateLenForTextBox = () => {
+    let countVarChar = 0;
+    Object.keys(varMap).forEach((i) => {
+      if (varMap[i].data) {
+        const charDetails = updateCharCount(varMap[i].data, false);
+        countVarChar += charDetails.chars_used;
+      } else {
+        countVarChar += varMap[i].count * CHARLIMIT;
+      }
+    });
+    return countVarChar;
+  };
+  const tagValidationErrorMessage = () => {
+    const { unsupportedTags = [] } = tagValidationResponse;
+    let tagError = '';
+    if (unsupportedTags.length > 0) {
+      tagError = formatMessage(messages.unsupportedTagsValidationError, {
+        unsupportedTags,
+      });
+    }
+    return <CapError>{tagError}</CapError>;
+  };
+
+  const unicodeHandler = ({ target: { checked } }) => {
+    updateIsUnicodeAllowed(checked);
   };
 
   return (
     <>
       <CapSpin spinning={loading}>
         <CapRow>
-          {templateDetails && !isEmpty(templateDetails) && (
+          {traiData && !isEmpty(traiData) && (
             <TraiEditTemplateDetails>
               <CapLabelInline type="label1">
                 {formatMessage(messages.templateLabel)}
               </CapLabelInline>
               <CapLabelInline type="label2">
-                {templateDetails.versions.base.template_name}
+                {traiData.versions.base.template_name}
               </CapLabelInline>
+
               <CapLabelInline type="label1">
                 {formatMessage(messages.traiEditSeperator)}
               </CapLabelInline>
+
               <CapLabelInline type="label1">
                 {formatMessage(messages.senderIdlabel)}
               </CapLabelInline>
               <CapLabelInline type="label2">
-                {templateDetails.versions.base.header}
+                {traiData.versions.base.header.join(', ')}
               </CapLabelInline>
             </TraiEditTemplateDetails>
           )}
@@ -437,17 +553,27 @@ export const SmsTraiEdit = (props) => {
               {renderedContent()}
             </CapRow>
             <CapRow>{smsLengthForVar()}</CapRow>
+            {isTagValidationError && tagValidationErrorMessage()}
+            <CapCheckbox onChange={unicodeHandler} checked={isUnicodeAllowed}>
+              {formatMessage(messages.unicodeLabel)}
+            </CapCheckbox>
             <div style={{ marginBottom: '100px' }} />
           </CapColumn>
           <CapColumn span={10}>
             <TemplatePreview
               channel={SMS}
-              content={[updatedSmsEditor.join('')]}
+              content={updatedSmsEditor.join('')}
+              unicodeEnabled={isUnicodeAllowed}
+              charCounterEnabled={true}
             />
           </CapColumn>
         </CapRow>
         <SMSTraiFooter>
-          <CapButton onClick={onDoneCallback} className="create-msg">
+          <CapButton
+            onClick={onDoneCallback}
+            className="create-msg"
+            disabled={isTagValidationError}
+          >
             <FormattedMessage {...messages.saveButtonLabel} />
           </CapButton>
           <CapButton
@@ -469,11 +595,9 @@ const mapStateToProps = createStructuredSelector({
   injectedTags: setInjectedTags(),
 });
 
-const mapDispatchToProps = (dispatch) => {
-  return {
-    actions: bindActionCreators(actions, dispatch),
-  };
-};
+const mapDispatchToProps = (dispatch) => ({
+  actions: bindActionCreators(smsEditActions, dispatch),
+});
 
 export default withCreatives({
   WrappedComponent: injectIntl(SmsTraiEdit),

package/v2Containers/SmsTrai/Edit/messages.js

@@ -55,4 +55,18 @@ export default defineMessages({
     id: `${prefix}.senderIdlabel`,
     defaultMessage: 'Sender ID',
   },
+  missingTagsValidationError: {
+    id: `${prefix}.missingTagsValidationError`,
+    defaultMessage:
+      'Missing tags: {missingTags}. Please add them to this message.',
+  },
+  unsupportedTagsValidationError: {
+    id: `${prefix}.unsupportedTagsValidationError`,
+    defaultMessage:
+      'Unsupported tags: {unsupportedTags}. Please remove them from this message.',
+  },
+  unicodeLabel: {
+    id: `${prefix}.unicodeLabel`,
+    defaultMessage: 'Allow unicode characters',
+  },
 });