@capillarytech/creatives-library 8.0.309 → 8.0.310

package/v2Containers/MobilePushNew/index.js

@@ -77,6 +77,7 @@ import { getContent } from "../MobilePush/commonMethods";
 import { getMessageObject } from "../../utils/messageUtils";
 import { gtmPush } from "../../utils/gtmTrackers";
 import mobilePushReducer from "./reducer";
+import { hasLiquidSupportFeature } from "../../utils/common";
 import formBuilderMessages from "../../v2Components/FormBuilder/messages";
 import { validateMobilePushContent } from "../../utils/commonUtils";
 import { getSingleTab } from "../InApp/utils";
@@ -802,9 +803,10 @@ const MobilePushNew = ({
     (value) => {
       let errorTemplateDescMessage = "";
 
-      const { isBraceError } = validateTags({
+      const { unsupportedTags, isBraceError } = validateTags({
         content: value,
         tagsParam: tags,
+        injectedTagsParams: injectedTags,
         location,
         tagModule: getDefaultTags,
         isFullMode,
@@ -814,6 +816,14 @@ const MobilePushNew = ({
           messages.emptyTemplateDescErrorMessage
         );
       }
+      if (unsupportedTags?.length > 0) {
+        errorTemplateDescMessage = formatMessage(
+          globalMessages.unsupportedTagsValidationError,
+          {
+            unsupportedTags,
+          }
+        );
+      }
       if (isBraceError) {
         errorTemplateDescMessage = formatMessage(
           globalMessages.unbalanacedCurlyBraces
@@ -2655,6 +2665,20 @@ const MobilePushNew = ({
       getLiquidTags: globalActionsProps.getLiquidTags,
       formatMessage,
       messages: formBuilderMessages,
+      tagLookupMap: metaEntities?.tagLookupMap || {},
+      eventContextTags: metaEntities?.eventContextTags || [],
+      isLiquidFlow: hasLiquidSupportFeature(),
+      forwardedTags: {},
+      skipTags: (tag) => {
+        const skipRegexes = [
+          /dynamic_expiry_date_after_\d+_days\.FORMAT_\d/,
+          /unsubscribe\(#[a-zA-Z\d]{6}\)/,
+          /Link_to_[a-zA-z]/,
+          /SURVEY.*\.TOKEN/,
+          /^[A-Za-z].*\([a-zA-Z\d]*\)/,
+        ];
+        return skipRegexes.some((regex) => regex.test(tag));
+      },
       singleTab: getSingleTab(accountData),
     });
   }, [
@@ -2663,10 +2687,13 @@ const MobilePushNew = ({
     activeTab,
     globalActionsProps,
     formatMessage,
+    metaEntities,
     accountData,
     isFullMode,
   ]);
 
+  const isLiquidFlow = hasLiquidSupportFeature();
+
   useEffect(() => {
     // Always map to { label } for both platforms
     const newButtons = Array.isArray(ctaData)
@@ -2913,22 +2940,16 @@ const MobilePushNew = ({
     setShowTestAndPreviewSlidebox(false);
   }, []);
 
-  // Add useEffect to handle isGetFormData prop changes (e.g. Done clicked in footer)
-  // In library mode: run liquid validation (extractTags) first; on success liquidMiddleWare calls handleSave
-  // In full mode: call handleSave directly
+  // Add useEffect to handle isGetFormData prop changes
   useEffect(() => {
     if (isGetFormData) {
-      if (!isFullMode) {
-        liquidMiddleWare();
-      } else {
-        handleSave();
-      }
+      handleSave();
       // Reset the flag to prevent infinite loop
       if (onValidationFail) {
         onValidationFail();
       }
     }
-  }, [isGetFormData, handleSave, onValidationFail, isFullMode, liquidMiddleWare]);
+  }, [isGetFormData, handleSave, onValidationFail]);
 
   // Add message event listener to handle parent communication (like old MobilePush components)
   useEffect(() => {
@@ -3069,8 +3090,7 @@ const MobilePushNew = ({
                     <CapButton
                       type="primary"
                       onClick={() => {
-                        // Liquid validation (extractTags) only in library mode
-                        if (!isFullMode) {
+                        if (isLiquidFlow) {
                           liquidMiddleWare();
                         } else {
                           handleSave();

package/v2Containers/MobilepushWrapper/index.js

@@ -72,7 +72,7 @@ export class MobilepushWrapper extends React.Component { // eslint-disable-line
   }
 
   render() {
-    const {mobilePushCreateMode, step, getFormData, getLiquidTags, setIsLoadingContent, isGetFormData, query, isFullMode, showTemplateName, type, onValidationFail, onPreviewContentClicked, onTestContentClicked, templateData, eventContextTags = [], showTestAndPreviewSlidebox, handleTestAndPreview, handleCloseTestAndPreview, restrictPersonalization, isAnonymousType, onPersonalizationTokensChange} = this.props;
+    const {mobilePushCreateMode, step, getFormData, setIsLoadingContent, isGetFormData, query, isFullMode, showTemplateName, type, onValidationFail, onPreviewContentClicked, onTestContentClicked, templateData, eventContextTags = [], showTestAndPreviewSlidebox, handleTestAndPreview, handleCloseTestAndPreview, restrictPersonalization, isAnonymousType, onPersonalizationTokensChange} = this.props;
     const {templateName} = this.state;
     const isShowMobilepushCreate = !isEmpty(mobilePushCreateMode);
     return (
@@ -102,7 +102,6 @@ export class MobilepushWrapper extends React.Component { // eslint-disable-line
           <div>
             {isShowMobilepushCreate && <MobilepushCreate
               getFormLibraryData={getFormData}
-              getLiquidTags={getLiquidTags}
               setIsLoadingContent={setIsLoadingContent}
               defaultData={{"template-name": templateName}}
               location={{
@@ -144,7 +143,6 @@ MobilepushWrapper.propTypes = {
   mobilePushCreateMode: PropTypes.string,
   step: PropTypes.string,
   getFormData: PropTypes.string,
-  getLiquidTags: PropTypes.func,
   setIsLoadingContent: PropTypes.func,
   onEnterTemplateName: PropTypes.func,
   onRemoveTemplateName: PropTypes.func,

package/v2Containers/Rcs/index.js

@@ -394,15 +394,23 @@ export const Rcs = (props) => {
     const validationResponse =
       validateTags({
         content: contentForValidation,
-        tagsParam: tags,
-        location,
-        tagModule: getDefaultTags,
-        isFullMode,
-      }) || {};
-    const errorMsg =
-      (validationResponse?.isBraceError &&
-        formatMessage(globalMessages.unbalanacedCurlyBraces)) ||
-      false;
+      tagsParam: tags,
+      injectedTagsParams: injectedTags,
+      location,
+      tagModule: getDefaultTags,
+      eventContextTags,
+      isFullMode,
+    }) || {};
+    const unsupportedTagsLengthCheck =
+      validationResponse?.unsupportedTags?.length > 0;
+      const errorMsg =
+        (unsupportedTagsLengthCheck &&
+          formatMessage(globalMessages.unsupportedTagsValidationError, {
+            unsupportedTags: validationResponse.unsupportedTags,
+          })) ||
+        (validationResponse.isBraceError &&
+          formatMessage(globalMessages.unbalanacedCurlyBraces)) ||
+        false;
     if (type === TITLE_TEXT) setTemplateTitleError(errorMsg);
     if (type === MESSAGE_TEXT) setTemplateDescError(errorMsg);
   };
@@ -827,9 +835,10 @@ export const Rcs = (props) => {
 
   const templateDescErrorHandler = (value) => {
     let errorMessage = false;
-    const { isBraceError } = validateTags({
+    const { unsupportedTags, isBraceError } = validateTags({
       content: value,
       tagsParam: tags,
+      injectedTagsParams: injectedTags,
       location,
       tagModule: getDefaultTags,
       isFullMode,
@@ -859,10 +868,26 @@ export const Rcs = (props) => {
   };
 
   const fallbackMessageErrorHandler = (value) => {
+    let errorMessage = false;
+    const { unsupportedTags } = validateTags({
+      content: value,
+      tagsParam: tags,
+      injectedTagsParams: injectedTags,
+      location,
+      tagModule: getDefaultTags,
+      isFullMode,
+    }) || {};
     if (value?.length > FALLBACK_MESSAGE_MAX_LENGTH) {
-      return formatMessage(messages.fallbackMsgLenError);
+      errorMessage = formatMessage(messages.fallbackMsgLenError);
+    } else if (unsupportedTags?.length > 0) {
+      errorMessage = formatMessage(
+        globalMessages.unsupportedTagsValidationError,
+        {
+          unsupportedTags,
+        },
+      );
     }
-    return false;
+    return errorMessage;
   };
 
   // Check for forbidden characters: square brackets [] and single curly braces {}