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

package/package.json

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

package/v2Components/Ckeditor/index.js

@@ -18,9 +18,9 @@ import './style.scss';
 // import messages from './messages';
 const loadScript = require('load-script');
 
-const defaultScriptUrl = `${window.location.origin}/arya/ui/library/ckeditor/ckeditor.js`;
-/*const defaultScriptUrl = 'https://nightly.intouch.capillarytech.com/arya/ui/library/ckeditor/ckeditor.js';
-*Uncomment the above line to use CKEDITOR in local
+// const defaultScriptUrl = `${window.location.origin}/arya/ui/library/ckeditor/ckeditor.js`;
+const defaultScriptUrl = 'https://nightly.intouch.capillarytech.com/arya/ui/library/ckeditor/ckeditor.js';
+/*Uncomment the above line to use CKEDITOR in local
 */
 const user = localStorage.getItem('user');
 let locale = 'en';

package/v2Components/FormBuilder/index.js

@@ -187,6 +187,7 @@ class FormBuilder extends React.Component { // eslint-disable-line react/prefer-
           this.setState({formData: nextProps.formData, tabCount: nextProps.tabCount});
           // this.resetTabKeys(nextProps.formData, nextProps.tabCount);
         } else if (this.props.schema && this.props.schema.channel && this.props.schema.channel.toUpperCase() === 'EMAIL') {
+          console.log('EMAIL isEdit', this.state.formData);
           this.setState({formData: nextProps.formData});
         }
 
@@ -1062,6 +1063,27 @@ class FormBuilder extends React.Component { // eslint-disable-line react/prefer-
   continueSaveForm = (id) => {
 
   };
+  handleLiquidTemplateSubmit =(templateContent) => {
+    if(templateContent){this.setState((prevState) => {
+      return {
+        formData: {
+          ...prevState.formData,
+          base: {
+            ...prevState.formData.base,
+            en: {
+              ...prevState.formData.base.en,
+              "template-content": preprocessHtml(templateContent)
+            }
+          }
+        }
+      };
+    }, () => {
+      console.log('BC FORMDATA', this.state.formData);
+      if (this.props.onSubmit) {
+        this.props.onSubmit(this.state.formData);
+      }
+    });}
+  }
   saveForm(saveForm) {
     if (this.props.isNewVersionFlow && !saveForm) {
       this.props.getValidationData();
@@ -1069,9 +1091,10 @@ class FormBuilder extends React.Component { // eslint-disable-line react/prefer-
     }
     if ( this.state.isFormValid ) {
       if (this.liquidFlow) {
+        const templateContent = this.state.formData?.base?.en?.["template-content"] || "";
         //Converts given HTML content to plain text string.
         const content = convert(
-          this.state.formData?.base?.en?.["template-content"]
+          templateContent
         );
       /* 
         The `handleResult` function is used as a callback for `getLiquidTags` to handle the results post-processing. 
@@ -1124,7 +1147,7 @@ class FormBuilder extends React.Component { // eslint-disable-line react/prefer-
               this.props.stopValidation();
               return;
             }
-            this.props.onSubmit(this.state.formData);
+            this.handleLiquidTemplateSubmit(templateContent);
           }
         };
         this.props.actions.getLiquidTags(preprocessHtml(content), handleResult);