@capillarytech/creatives-library 8.0.310 → 8.0.312-alpha.0

package/v2Containers/SmsTrai/Edit/index.js

@@ -1,6 +1,6 @@
 /* eslint-disable no-restricted-syntax */
 /* eslint-disable no-undef */
-import React, { useState, useEffect } from 'react';
+import React, { useState, useEffect, useRef } from 'react';
 import { createStructuredSelector } from 'reselect';
 import { bindActionCreators } from 'redux';
 import { FormattedMessage } from 'react-intl';
@@ -39,10 +39,8 @@ import formBuilderMessages from '../../../v2Components/FormBuilder/messages';
 import UnifiedPreview from '../../../v2Components/CommonTestAndPreview/UnifiedPreview';
 import TestAndPreviewSlidebox from '../../../v2Components/TestAndPreviewSlidebox';
 import withCreatives from '../../../hoc/withCreatives';
-import { validateTags } from '../../../utils/tagValidations';
 import {
   CHARLIMIT,
-  SMS,
   SMS_TRAI_VAR,
   TAG,
   EMBEDDED,
@@ -51,16 +49,15 @@ import {
   ALL,
   LIBRARY,
 } from './constants';
+import { SMS } from '../../CreativesContainer/constants';
 import v2EditSmsReducer from '../../Sms/Edit/reducer';
 import { v2SmsEditSagas } from '../../Sms/Edit/sagas';
 import ErrorInfoNote from '../../../v2Components/ErrorInfoNote';
 import { validateLiquidTemplateContent } from '../../../utils/commonUtils';
-import { hasLiquidSupportFeature } from '../../../utils/common';
 import { ANDROID } from '../../../v2Components/CommonTestAndPreview/constants';
 
 let varMap = {};
 let traiData = {};
-let tagValidationResponse = {};
 const { TextArea } = CapInput;
 const { CapLabelInline } = CapLabel;
 
@@ -85,6 +82,7 @@ export const SmsTraiEdit = (props) => {
     eventContextTags,
     fetchingLiquidTags,
     getLiquidTags,
+    showLiquidErrorInFooter,
   } = props || {};
 
   const { formatMessage } = intl;
@@ -94,13 +92,20 @@ export const SmsTraiEdit = (props) => {
   const [tags, updateTags] = useState([]);
   const [textAreaId, updateTextAreaId] = useState();
   const [isValidationError, updateIsValidationError] = useState(false);
-  const [isTagValidationError, updateIsTagValidationError] = useState(false);
   const [totalMessageLength, setTotalMessageLength] = useState(0);
   const [isUnicodeAllowed, updateIsUnicodeAllowed] = useState(true);
   const [showMsgLengthNote, updateshowMsgLengthNote] = useState(false);
   const [liquidErrorMessages, setLiquidErrorMessages] = useState({});
   const [isLiquidValidationError, setIsLiquidValidationError] = useState(false);
+  /** After user closes the validation panel, keep it hidden until Save is clicked again (even if ErrorInfoNote remounts). */
+  const [liquidErrorPanelDismissed, setLiquidErrorPanelDismissed] = useState(false);
   const [showTestAndPreviewSlidebox, setShowTestAndPreviewSlidebox] = useState(false);
+  const routeTemplateId = (params && params.id) || '';
+  const traitSource = isFullMode ? templateDetails : templateData;
+  const smsEditorSource = get(traitSource, 'versions.base.sms-editor', '') || '';
+  const baseTemplateId = get(traitSource, 'versions.base.template_id', '') || '';
+  /** Avoid reparsing props into tempMsgArray when only object identity changes (fixes cleared text snapping back). */
+  const lastHydratedSignatureRef = useRef(null);
   const SMSTraiFooter = styled.div`
     background-color: ${CAP_WHITE};
     padding: ${CAP_SPACE_32} ${CAP_SPACE_24};
@@ -148,29 +153,43 @@ export const SmsTraiEdit = (props) => {
   //computing placeholder array for mapping values and rendering dynamic form
   useEffect(() => {
     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#}',
-      //split and repeat for remaining string[index+7  to length]
-      while (msg.length !== 0) {
-        const index = msg.search(SMS_TRAI_VAR);
-        if (index !== -1) {
-          templateMessageArray.push(msg.substring(0, index));
-          templateMessageArray.push(SMS_TRAI_VAR);
-          msg = msg.substring(index + 7, msg.length);
-        } else {
-          templateMessageArray.push(msg);
-          break;
-        }
+    if (!traiData || isEmpty(traiData)) {
+      return;
+    }
+    const hydrateSignature = `${String(isFullMode)}|${routeTemplateId}|${baseTemplateId}|${smsEditorSource}`;
+    if (lastHydratedSignatureRef.current === hydrateSignature) {
+      return;
+    }
+    lastHydratedSignatureRef.current = hydrateSignature;
+
+    let msg = smsEditorSource;
+    const templateMessageArray = [];
+    //converting sms-editor string to an array split at '{#var#}'
+    //split and push string before '{#var#}[0 to index]', push '{#var#}',
+    //split and repeat for remaining string[index+7  to length]
+    while (msg.length !== 0) {
+      const index = msg.search(SMS_TRAI_VAR);
+      if (index !== -1) {
+        templateMessageArray.push(msg.substring(0, index));
+        templateMessageArray.push(SMS_TRAI_VAR);
+        msg = msg.substring(index + 7, msg.length);
+      } else {
+        templateMessageArray.push(msg);
+        break;
       }
-      const filteredTemplateMessageArray = templateMessageArray.filter((i) => i === 0 || i);
-      updateTempMsgArray(filteredTemplateMessageArray);
-      //stop spinner
-      updateLoading(false);
     }
-  }, [templateDetails || templateData]);
+    const filteredTemplateMessageArray = templateMessageArray.filter((i) => i === 0 || i);
+    updateTempMsgArray(filteredTemplateMessageArray);
+    //stop spinner
+    updateLoading(false);
+  }, [
+    isFullMode,
+    routeTemplateId,
+    baseTemplateId,
+    smsEditorSource,
+    templateDetails,
+    templateData,
+  ]);
 
   //compute/get varMapped and updated-sms-editor
   useEffect(() => {
@@ -229,29 +248,6 @@ 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,
-          eventContextTags,
-          isFullMode,
-        }) || {};
-      updateIsTagValidationError(
-        tagValidationResponse.unsupportedTags.length > 0,
-      );
-    }
-  }, [updatedSmsEditor, tags]);
-
   const computeUpdatedSmsEditor = () => {
     const arr = [...tempMsgArray];
     const varMapKeys = Object.keys(varMap)?.map((key) => Number(key.slice(8)))?.sort((a, b) => a - b) || [];
@@ -288,6 +284,14 @@ export const SmsTraiEdit = (props) => {
   };
 
   const onSubmitWrapper = () => {
+    setIsLiquidValidationError(false);
+    setLiquidErrorMessages({});
+    setLiquidErrorPanelDismissed(false);
+    // Liquid validation (extractTags) only in library mode
+    if (isFullMode) {
+      onDoneCallback();
+      return;
+    }
     const content = updatedSmsEditor.join('');
     const onError = ({ standardErrors, liquidErrors }) => {
       setLiquidErrorMessages({
@@ -298,6 +302,8 @@ export const SmsTraiEdit = (props) => {
     };
 
     const onSuccess = () => {
+      setIsLiquidValidationError(false);
+      setLiquidErrorMessages({});
       onDoneCallback();
     };
 
@@ -313,10 +319,6 @@ export const SmsTraiEdit = (props) => {
       messages: formBuilderMessages,
       onError,
       onSuccess,
-      tagLookupMap: metaEntities?.tagLookupMap,
-      eventContextTags,
-      isLiquidFlow: true,
-      forwardedTags: {},
     });
   };
 
@@ -555,17 +557,6 @@ export const SmsTraiEdit = (props) => {
     return countVarChar;
   };
 
-  const tagValidationErrorMessage = () => {
-    const { unsupportedTags = [] } = tagValidationResponse;
-    let tagError = '';
-    if (unsupportedTags.length > 0) {
-      tagError = formatMessage(messages.unsupportedTagsValidationError, {
-        unsupportedTags,
-      });
-    }
-    return <CapError>{tagError}</CapError>;
-  };
-
   const disablehandler = () => {
     if (traiData && !isEmpty(traiData)) {
       const msg = get(traiData, `versions.base.sms-editor`, '');
@@ -615,7 +606,6 @@ export const SmsTraiEdit = (props) => {
     setShowTestAndPreviewSlidebox(false);
   };
 
-  const isLiquidSupportFeatureEnabled = hasLiquidSupportFeature();
   return (
     <>
       <CapSpin spinning={loading || fetchingLiquidTags} tip={fetchingLiquidTags && formatMessage(formBuilderMessages.liquidSpinText)}>
@@ -673,7 +663,6 @@ export const SmsTraiEdit = (props) => {
             <CapRow>
               {smsLengthForVar()}
             </CapRow>
-            {isTagValidationError && tagValidationErrorMessage()}
             <CapCheckbox onChange={unicodeHandler} checked={isUnicodeAllowed} disabled={disablehandler()}>
               {formatMessage(messages.unicodeLabel)}
             </CapCheckbox>
@@ -693,8 +682,20 @@ export const SmsTraiEdit = (props) => {
           </CapColumn>
         </CapRow>
         <SMSTraiFooter>
-          {isLiquidValidationError && (
-            <ErrorInfoNote errorMessages={liquidErrorMessages} />
+          {isLiquidValidationError && !liquidErrorPanelDismissed && (
+            <ErrorInfoNote
+              errorMessages={liquidErrorMessages}
+              intl={intl}
+              onClose={() => {
+                setLiquidErrorPanelDismissed(true);
+                if (typeof showLiquidErrorInFooter === 'function') {
+                  showLiquidErrorInFooter({
+                    STANDARD_ERROR_MSG: [],
+                    LIQUID_ERROR_MSG: [],
+                  });
+                }
+              }}
+            />
           )}
           <CapButton
             onClick={handleTestAndPreview}
@@ -704,9 +705,8 @@ export const SmsTraiEdit = (props) => {
             <FormattedMessage {...messages.testAndPreviewButtonLabel} />
           </CapButton>
           <CapButton
-            onClick={isLiquidSupportFeatureEnabled ? onSubmitWrapper : onDoneCallback}
+            onClick={onSubmitWrapper}
             className="create-msg"
-            disabled={isTagValidationError || (isLiquidSupportFeatureEnabled && !isObject(metaEntities?.tagLookupMap))}
           >
             <FormattedMessage {...messages.saveButtonLabel} />
           </CapButton>

package/v2Containers/SmsTrai/Edit/tests/__snapshots__/index.test.js.snap

@@ -4265,7 +4265,7 @@ FREE GIFTS-
                         <CapCheckbox
                           checked={false}
                           disabled={false}
-                          key=".4"
+                          key=".3"
                           labelType="h4"
                           onChange={[Function]}
                         >
@@ -4327,7 +4327,7 @@ FREE GIFTS-
                           </div>
                         </CapCheckbox>
                         <div
-                          key=".6"
+                          key=".5"
                           style={
                             Object {
                               "marginBottom": "100px",
@@ -15243,7 +15243,7 @@ FREE GIFTS-
                         <CapCheckbox
                           checked={false}
                           disabled={false}
-                          key=".4"
+                          key=".3"
                           labelType="h4"
                           onChange={[Function]}
                         >
@@ -15305,7 +15305,7 @@ FREE GIFTS-
                           </div>
                         </CapCheckbox>
                         <div
-                          key=".6"
+                          key=".5"
                           style={
                             Object {
                               "marginBottom": "100px",
@@ -26251,7 +26251,7 @@ FREE GIFTS-
                         <CapCheckbox
                           checked={false}
                           disabled={false}
-                          key=".4"
+                          key=".3"
                           labelType="h4"
                           onChange={[Function]}
                         >
@@ -26313,7 +26313,7 @@ FREE GIFTS-
                           </div>
                         </CapCheckbox>
                         <div
-                          key=".6"
+                          key=".5"
                           style={
                             Object {
                               "marginBottom": "100px",

package/v2Containers/SmsWrapper/index.js

@@ -36,6 +36,7 @@ const SmsWrapper = (props) => {
     handleTestAndPreview,
     handleCloseTestAndPreview,
     isTestAndPreviewMode,
+    onValidationFail,
     } = props;
 
   const smsProps = {
@@ -58,6 +59,7 @@ const SmsWrapper = (props) => {
     handleTestAndPreview,
     handleCloseTestAndPreview,
     isTestAndPreviewMode,
+    onValidationFail,
   };
   const isTraiDlt = isTraiDLTEnable(isFullMode, smsRegister);
   return <>

package/v2Containers/TemplatesV2/index.js

@@ -29,11 +29,18 @@ import FTP from '../FTP';
 import Gallery from '../Assets/Gallery';
 import withStyles from '../../hoc/withStyles';
 import styles, { CapTabStyle } from './TemplatesV2.style';
-import { CREATIVES_UI_VIEW, LOYALTY, WHATSAPP, RCS, LINE, EMAIL, ASSETS, JP_LOCALE_HIDE_FEATURE, ZALO, INAPP, WEBPUSH } from '../App/constants';
+import { CREATIVES_UI_VIEW, FTP as FTP_CHANNEL, LOYALTY, WHATSAPP, RCS, LINE, EMAIL, ASSETS, JP_LOCALE_HIDE_FEATURE, ZALO, INAPP, WEBPUSH } from '../App/constants';
 import AccessForbidden from '../../v2Components/AccessForbidden';
 import { getObjFromQueryParams } from '../../utils/v2common';
 import { makeSelectAuthenticated, selectCurrentOrgDetails } from "../../v2Containers/Cap/selectors";
-import { LOYALTY_SUPPORTED_ACTION, COMMON_CHANNELS } from "../CreativesContainer/constants";
+import {
+  CALL_TASK,
+  COMMON_CHANNELS,
+  LOYALTY_SUPPORTED_ACTION,
+  MOBILE_PUSH,
+  NORMALIZED_CHANNEL_ALIASES,
+  SMS,
+} from "../CreativesContainer/constants";
 
 const {CapCustomCardList} = CapCustomCard;
 
@@ -95,8 +102,16 @@ export class TemplatesV2 extends React.Component { // eslint-disable-line react/
       return str.replace(/([a-z0-9])([A-Z])/g, '$1_$2').replace(/[^a-zA-Z0-9]+/g, '_').toLowerCase();
     };
 
-    const normalizedChannelsToHideSet = new Set((channelsToHide || []).map((c) => normalizeChannel(c)));
-    const normalizedChannelsToDisableSet = new Set((channelsToDisable || []).map((c) => normalizeChannel(c)));
+    const buildChannelSet = (channelList) => {
+      const normalized = (channelList || []).map((c) => normalizeChannel(c));
+      const withAliases = normalized.flatMap((norm) => {
+        const canonical = NORMALIZED_CHANNEL_ALIASES[norm];
+        return canonical ? [norm, canonical] : [norm];
+      });
+      return new Set(withAliases);
+    };
+    const normalizedChannelsToHideSet = buildChannelSet(channelsToHide);
+    const normalizedChannelsToDisableSet = buildChannelSet(channelsToDisable);
 
     // Build filtered panes by examining each pane's `key` and checking against normalized hide set
     let filteredPanes = Object.keys(defaultPanes).map((k) => defaultPanes[k]).filter((pane) => {
@@ -108,12 +123,12 @@ export class TemplatesV2 extends React.Component { // eslint-disable-line react/
       filteredPanes.push({ content: <div></div>, tab: intl.formatMessage(messages.gallery), key: 'assets' });
     } else {
       // Add special-mode panes only when not hidden (use normalized checks)
-      if (!normalizedChannelsToHideSet.has('call_task')) {
-        filteredPanes.push({ content: <div></div>, tab: intl.formatMessage(messages.callTask), key: 'call_task' });
+      if (!normalizedChannelsToHideSet.has(CALL_TASK.toLowerCase())) {
+        filteredPanes.push({ content: <div></div>, tab: intl.formatMessage(messages.callTask), key: CALL_TASK.toLowerCase() });
       }
-      if (!normalizedChannelsToHideSet.has('ftp')) {
-        filteredPanes.push({ content: <></>, tab: intl.formatMessage(messages.FTP), key: 'ftp' });
-        defaultChannel = 'FTP';
+      if (!normalizedChannelsToHideSet.has(FTP_CHANNEL.toLowerCase())) {
+        filteredPanes.push({ content: <></>, tab: intl.formatMessage(messages.FTP), key: FTP_CHANNEL.toLowerCase() });
+        defaultChannel = FTP_CHANNEL;
       }
 
       // Create a local copy of COMMON_CHANNELS to avoid mutating the imported array
@@ -163,15 +178,15 @@ export class TemplatesV2 extends React.Component { // eslint-disable-line react/
 
     // If audience is anonymous, prefer mobilepush as default (if not hidden)
     if (isAnonymousType) {
-      const mobilePushNorm = normalizeChannel('mobilepush');
+      const mobilePushNorm = normalizeChannel(MOBILE_PUSH.toLowerCase());
       if (!normalizedChannelsToHideSet.has(mobilePushNorm)) {
-        defaultChannel = 'mobilepush';
+        defaultChannel = MOBILE_PUSH.toLowerCase();
       }
     }
 
-    const channel = ['sms', 'email', 'mobilepush', 'line', 'call_task'];
+    const defaultChannelOrder = [SMS.toLowerCase(), EMAIL, MOBILE_PUSH.toLowerCase(), LINE, CALL_TASK.toLowerCase()];
     if (normalizedChannelsToDisableSet.size > 0) {
-      channel.some((ch) => {
+      defaultChannelOrder.some((ch) => {
         if (!normalizedChannelsToDisableSet.has(ch)) {
           defaultChannel = ch;
           return true;

package/v2Containers/Viber/index.js

@@ -234,7 +234,6 @@ export const Viber = (props) => {
     const { valid, isBraceError } = validateTags({
       content: value,
       tagsParam: tags,
-      injectedTagsParams: injectedTags,
       location,
       tagModule: 'outbound',
       isFullMode,

package/v2Containers/WebPush/Create/hooks/useTagManagement.js

@@ -105,12 +105,10 @@ export const useTagManagement = ({
   const validationConfig = useMemo(
     () => ({
       tagsParam: tags,
-      injectedTagsParams: injectedTags,
       location,
       tagModule: getDefaultTags,
-      eventContextTags,
     }),
-    [tags, injectedTags, location, getDefaultTags, eventContextTags],
+    [tags, location, getDefaultTags],
   );
 
   return {

package/v2Containers/WebPush/Create/hooks/useTagManagement.test.js

@@ -528,26 +528,19 @@ describe('useTagManagement', () => {
 
   describe('validationConfig', () => {
     it('should return validation config with tags', () => {
-      const injectedTags = [{ id: 5, name: 'Injected Tag' }];
-      const eventContextTags = [{ id: 6, name: 'Event Tag' }];
-
       const { result } = renderHook(() =>
         useTagManagement({
           location: defaultLocation,
           globalActions: mockGlobalActions,
           metaEntities: defaultMetaEntities,
-          injectedTags,
-          eventContextTags,
           getDefaultTags: 'custom',
         })
       );
 
       expect(result.current.validationConfig).toEqual({
         tagsParam: defaultMetaEntities.tags.standard,
-        injectedTagsParams: injectedTags,
         location: defaultLocation,
         tagModule: 'custom',
-        eventContextTags,
       });
     });
 

package/v2Containers/WebPush/Create/index.js

@@ -295,8 +295,8 @@ const WebPushCreate = ({
   const validateTemplateName = useCallback((value) => validateTemplateNameUtil(value), []);
 
   const validateTitle = useCallback(
-    (value) => validateTitleUtil(value, formatMessage, messages, restrictPersonalization),
-    [formatMessage, restrictPersonalization],
+    (value) => validateTitleUtil(value, formatMessage, messages, restrictPersonalization, validationConfig, isFullMode),
+    [formatMessage, restrictPersonalization, validationConfig, isFullMode],
   );
 
   const validateUrl = useCallback(

package/v2Containers/WebPush/Create/utils/validation.js

@@ -11,19 +11,34 @@ import { hasPersonalizationTags } from '../../../../utils/commonUtils';
 export const validateTemplateName = (value) => !value || value.trim() === '';
 
 /**
- * Validates notification title
+ * Validates notification title (required and optional tag validation)
  * @param {string} value - The title value
  * @param {Function} formatMessage - i18n format message function
  * @param {Object} messages - Message definitions
+ * @param {Object} [validationConfig] - Optional config for tag validation
+ * @param {boolean} [isFullMode] - Optional; when set with validationConfig, runs tag validation
  * @returns {string} Error message if invalid, empty string if valid
  */
-export const validateTitle = (value, formatMessage, messages, restrictPersonalization) => {
+export const validateTitle = (value, formatMessage, messages, restrictPersonalization, validationConfig, isFullMode) => {
   if (!value || value.trim() === '') {
     return formatMessage(messages.titleRequired);
   }
   if (restrictPersonalization && hasPersonalizationTags(value)) {
     return formatMessage(messages.personalizationTokensErrorMessage);
   }
+
+  if (validationConfig != null) {
+    const validationResponse = validateTags({
+      content: value,
+      ...validationConfig,
+      isFullMode,
+    }) || {};
+
+    if (validationResponse?.isBraceError) {
+      return formatMessage(globalMessages.unbalanacedCurlyBraces);
+    }
+  }
+
   return '';
 };
 
@@ -65,12 +80,6 @@ export const validateMessageContent = (value, formatMessage, messages, validatio
     isFullMode,
   }) || {};
 
-  if (validationResponse?.unsupportedTags?.length) {
-    return formatMessage(globalMessages.unsupportedTagsValidationError, {
-      unsupportedTags: validationResponse.unsupportedTags.join(', '),
-    });
-  }
-
   if (validationResponse?.isBraceError) {
     return formatMessage(globalMessages.unbalanacedCurlyBraces);
   }

package/v2Containers/WebPush/Create/utils/validation.test.js

@@ -127,6 +127,40 @@ describe('validation', () => {
       expect(result).toBe('Personalization tags are not supported for anonymous customers');
       expect(mockFormatMessage).toHaveBeenCalledWith(mockMessages.personalizationTokensErrorMessage);
     });
+
+    it('should return brace error when validationConfig is provided and validateTags returns isBraceError', () => {
+      const validationConfig = { tagsParam: [], location: {}, tagModule: '' };
+      validateTags.mockReturnValue({ isBraceError: true });
+      const result = validateTitle(
+        'Valid Title',
+        mockFormatMessage,
+        mockMessages,
+        false,
+        validationConfig,
+        false
+      );
+      expect(result).toBe('Unbalanced curly braces');
+      expect(mockFormatMessage).toHaveBeenCalledWith(globalMessages.unbalanacedCurlyBraces);
+      expect(validateTags).toHaveBeenCalledWith({
+        content: 'Valid Title',
+        ...validationConfig,
+        isFullMode: false,
+      });
+    });
+
+    it('should not run tag validation when validationConfig is null', () => {
+      validateTags.mockClear();
+      const result = validateTitle('Valid Title', mockFormatMessage, mockMessages, false, null);
+      expect(result).toBe('');
+      expect(validateTags).not.toHaveBeenCalled();
+    });
+
+    it('should not run tag validation when validationConfig is undefined', () => {
+      validateTags.mockClear();
+      const result = validateTitle('Valid Title', mockFormatMessage, mockMessages, false, undefined);
+      expect(result).toBe('');
+      expect(validateTags).not.toHaveBeenCalled();
+    });
   });
 
   describe('validateUrl', () => {
@@ -183,10 +217,8 @@ describe('validation', () => {
   describe('validateMessageContent', () => {
     const mockValidationConfig = {
       tagsParam: [],
-      injectedTagsParams: [],
       location: {},
       tagModule: '',
-      eventContextTags: [],
     };
 
     beforeEach(() => {
@@ -225,17 +257,6 @@ describe('validation', () => {
       });
     });
 
-    it('should return error message for unsupported tags', () => {
-      validateTags.mockReturnValue({
-        unsupportedTags: ['tag1', 'tag2'],
-      });
-      const result = validateMessageContent('Message with {tag1} and {tag2}', mockFormatMessage, mockMessages, mockValidationConfig);
-      expect(result).toBe('Unsupported tags: tag1, tag2');
-      expect(mockFormatMessage).toHaveBeenCalledWith(globalMessages.unsupportedTagsValidationError, {
-        unsupportedTags: 'tag1, tag2',
-      });
-    });
-
     it('should return error message for unbalanced curly braces', () => {
       validateTags.mockReturnValue({
         isBraceError: true,
@@ -245,22 +266,11 @@ describe('validation', () => {
       expect(mockFormatMessage).toHaveBeenCalledWith(globalMessages.unbalanacedCurlyBraces);
     });
 
-    it('should return error message for both unsupported tags and brace error (unsupported tags takes precedence)', () => {
-      validateTags.mockReturnValue({
-        unsupportedTags: ['tag1'],
-        isBraceError: true,
-      });
-      const result = validateMessageContent('Message with {tag1}', mockFormatMessage, mockMessages, mockValidationConfig);
-      expect(result).toBe('Unsupported tags: tag1');
-    });
-
     it('should pass validation config to validateTags', () => {
       const customConfig = {
         tagsParam: [{ id: 1, name: 'Tag1' }],
-        injectedTagsParams: [{ id: 2, name: 'Tag2' }],
         location: { query: { type: 'test' } },
         tagModule: 'custom',
-        eventContextTags: [{ id: 3, name: 'Tag3' }],
       };
       validateTags.mockReturnValue({});
       validateMessageContent('Valid message', mockFormatMessage, mockMessages, customConfig);
@@ -306,6 +316,16 @@ describe('validation', () => {
       expect(result).toBe('Personalization tags are not supported for anonymous customers');
       expect(mockFormatMessage).toHaveBeenCalledWith(mockMessages.personalizationTokensErrorMessage);
     });
+
+    it('should pass isFullMode to validateTags when provided', () => {
+      validateTags.mockReturnValue({});
+      validateMessageContent('Valid message', mockFormatMessage, mockMessages, mockValidationConfig, true);
+      expect(validateTags).toHaveBeenCalledWith({
+        content: 'Valid message',
+        ...mockValidationConfig,
+        isFullMode: true,
+      });
+    });
   });
 });