@capillarytech/creatives-library 7.17.200 → 7.17.202-alpha.0

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@capillarytech/creatives-library",
   "author": "meharaj",
-  "version": "7.17.200",
+  "version": "7.17.202-alpha.0",
   "description": "Capillary creatives ui",
   "main": "./index.js",
   "module": "./index.es.js",

package/utils/commonUtils.js

@@ -25,4 +25,4 @@ export const addBaseToTemplate = (template) => {
 };
 
 export const isEmbeddedEditOrPreview = (queryType, creativesMode) => queryType === EMBEDDED &&
-  [EDIT, PREVIEW].include(creativesMode);
+  [EDIT, PREVIEW].includes(creativesMode);

package/v2Components/FormBuilder/index.js

@@ -990,6 +990,9 @@ class FormBuilder extends React.Component { // eslint-disable-line react/prefer-
                 }
                 if (tagValidationResponse?.missingTags?.length > 0) {
                   errorString += `${this.props.intl.formatMessage(messages.missingTags)} ${tagValidationResponse.missingTags.toString()}\n`;
+                  if(this.liquidFlow && this.props.isEdit){
+                    isLiquidValid = true;
+                  }
                 }
                 if (tagValidationResponse?.unsupportedTags?.length > 0) {
                   errorString += `${this.props.intl.formatMessage(messages.unsupportedTags)} ${tagValidationResponse.unsupportedTags.toString()}\n`;
@@ -1036,15 +1039,17 @@ class FormBuilder extends React.Component { // eslint-disable-line react/prefer-
         }
       });
     }
+
+    const masterValidator = this.liquidFlow ? isLiquidValid : isValid;
     //Updating the state with the error data
     this.setState((prevState) => ({
-      isFormValid: isValid,
+      isFormValid: masterValidator,
       showLiquidValidation: prevState.liquidErrorMessage?.LIQUID_ERROR_MSG?.length > 0 ? true : !isLiquidValid,
       liquidErrorMessage: {
         //Do not update the LIQUID_ERROR_MSG validation error message
         ...prevState.liquidErrorMessage,
         //update Standard error message based on the updated content
-        STANDARD_ERROR_MSG: isValid ? [] : prevState.liquidErrorMessage?.STANDARD_ERROR_MSG,
+        STANDARD_ERROR_MSG: masterValidator ? [] : prevState.liquidErrorMessage?.STANDARD_ERROR_MSG,
       },
       errorData,
     }), () => {
@@ -1054,8 +1059,8 @@ class FormBuilder extends React.Component { // eslint-disable-line react/prefer-
       }
     });
     
-    this.props.onFormValidityChange(isValid, errorData);
-    return isValid;
+    this.props.onFormValidityChange(masterValidator, errorData);
+    return masterValidator;
   }
 
   indexOfEnd(targetString, string) {
@@ -1096,13 +1101,14 @@ class FormBuilder extends React.Component { // eslint-disable-line react/prefer-
             this.props.stopValidation();
             return;
           }
-          else if (result?.data?.length > 0) {
-            const extractedLiquidTags = extractNames(result?.data);
+          else {
+            const extractedLiquidTags = extractNames(result?.data || []);
             // Extracts the supported liquid tags from the given content.
             const supportedLiquidTags = checkSupport(
               result,
               this.props?.metaEntities?.tagLookupMap
             );
+            
             const unsupportedLiquidTags = extractedLiquidTags?.filter(
               (tag) => !supportedLiquidTags?.includes(tag)
             );