@capillarytech/creatives-library 7.17.206 → 7.17.208-alpha.0

package/package.json

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

package/utils/tests/tagValidations.test.js

@@ -415,5 +415,10 @@ describe('preprocessHtml', () => {
     const expectedOutput = "This is &amplt; not an entity.";
     expect(preprocessHtml(input)).toEqual(expectedOutput);
   });
+  it('Should handle style tags with %}', () => {
+    const input = "<style {line-height:0;font-size:75%} >sup{line-height:0;font-size:75%}</style> ";
+    const expectedOutput = "<style {line-height:0;font-size:75%} >sup{line-height:0;font-size:75% }</style> ";
+    expect(preprocessHtml(input)).toEqual(expectedOutput);
+  });
 
 });

package/v2Components/FormBuilder/index.js

@@ -1066,11 +1066,11 @@ class FormBuilder extends React.Component { // eslint-disable-line react/prefer-
     if(templateContent){this.setState((prevState) => {
       return {
         formData: {
-          ...prevState.formData,
+          ...prevState?.formData,
           base: {
-            ...prevState.formData.base,
+            ...prevState?.formData?.base,
             en: {
-              ...prevState.formData.base.en,
+              ...prevState?.formData?.base?.en,
               "template-content": preprocessHtml(templateContent)
             }
           }

package/v2Containers/MobilePush/Create/constants.js

@@ -22,3 +22,4 @@ export const GET_IOS_CTAS = 'app/v2Containers/PushMessage/Create/GET_IOS_CTAS';
 export const GET_IOS_CTAS_SUCCESS = 'app/v2Containers/PushMessage/Create/GET_IOS_CTAS_SUCCESS';
 export const GET_IOS_CTAS_FAILURE = 'app/v2Containers/PushMessage/Create/GET_IOS_CTAS_FAILURE';
 export const RESET_STORE = 'app/v2Containers/PushMessage/Create/RESET_STORE';
+export const EXTERNAL_LINK_LOWERCASE = 'external link';

package/v2Containers/MobilePush/Create/index.js

@@ -32,6 +32,7 @@ import { CREATE, TRACK_CREATE_MPUSH } from '../../App/constants';
 import { MOBILE_PUSH } from '../../CreativesContainer/constants';
 import { getContent } from '../commonMethods';
 import { getCdnUrl } from '../../../utils/cdnTransformation';
+import { EXTERNAL_LINK_LOWERCASE } from './constants';
 
 const PrefixWrapper = styled.div`
   margin-right: 16px;
@@ -196,11 +197,25 @@ export class Create extends React.Component { // eslint-disable-line react/prefe
         newFormData[0]["add-sec-cta-2"] = false;
       }
     }
-    this.setState({formData: newFormData, tabCount, isSchemaChanged: !this.state.isSchemaChanged}, () => {
-      if (isFullMode && showTemplateName) {
-        showTemplateName({formData: this.state.formData, onFormDataChange: this.onFormDataChange});
+    const compareValue =
+      newFormData?.[this.state.currentTab - 1]?.[inputField?.id] || "";
+    this.setState(
+      {
+        formData: newFormData,
+        tabCount,
+        isSchemaChanged:
+          compareValue.toLowerCase() === EXTERNAL_LINK_LOWERCASE ||
+          !this.state.isSchemaChanged,
+      },
+      () => {
+        if (isFullMode && showTemplateName) {
+          showTemplateName({
+            formData: this.state.formData,
+            onFormDataChange: this.onFormDataChange,
+          });
+        }
       }
-    });
+    );
   };
 
   onTagSelect = (data, currentTab, srcComp) => {