@capillarytech/creatives-library 8.0.311 → 8.0.312-alpha.1

package/package.json

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

package/v2Containers/MobilePushNew/index.js

@@ -2643,7 +2643,7 @@ const MobilePushNew = ({
     const onSuccess = () => handleSave();
 
     // When liquid is enabled and isFullMode is true, skip liquid validation and proceed directly
-    if (hasLiquidSupportFeature() && isFullMode) {
+    if (isFullMode) {
       onSuccess();
       return;
     }

package/v2Containers/SmsTrai/Edit/index.js

@@ -82,6 +82,7 @@ export const SmsTraiEdit = (props) => {
     eventContextTags,
     fetchingLiquidTags,
     getLiquidTags,
+    showLiquidErrorInFooter,
   } = props || {};
 
   const { formatMessage } = intl;
@@ -96,6 +97,8 @@ export const SmsTraiEdit = (props) => {
   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 SMSTraiFooter = styled.div`
     background-color: ${CAP_WHITE};
@@ -103,6 +106,12 @@ export const SmsTraiEdit = (props) => {
     position: fixed;
     bottom: 2rem;
     margin-left: -2rem;
+    /* Prevent global creatives tabpane min-height from stretching footer validation tabs */
+    .error-info-note__tabs {
+      .ant-tabs-tabpane {
+        min-height: auto !important;
+      }
+    }
     .ant-btn {
       margin-right: ${CAP_SPACE_16};
     }
@@ -263,6 +272,7 @@ export const SmsTraiEdit = (props) => {
   const onSubmitWrapper = () => {
     setIsLiquidValidationError(false);
     setLiquidErrorMessages({});
+    setLiquidErrorPanelDismissed(false);
     // Liquid validation (extractTags) only in library mode
     if (isFullMode) {
       onDoneCallback();
@@ -658,8 +668,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}