@capillarytech/creatives-library 3.11.4 → 3.12.1

package/package.json

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

package/v2Components/FormBuilder/index.js

@@ -2941,7 +2941,7 @@ class FormBuilder extends React.Component { // eslint-disable-line react/prefer-
                     type={val.buttonType}
                     icon={val.icon}
                     disabled={val.disabled ? val.disabled : false}
-                    onClick={(data) => val.id === 'save-button' ? this.saveForm() : this.callChildEvent(data, val, val.submitAction)}>
+                    onClick={(data) => this.callChildEvent(data, val, val.submitAction)}>
                     {val.value}
                   </CapButton>
                 </CapColumn>

package/v2Containers/CreativesContainer/SlideBoxContent.js

@@ -40,7 +40,7 @@ const getLineType = ({
   isFullMode,
   templateData,
 }) => {
-  if (channel === constants.LINE && slidBoxContent !== 'templates') {
+  if ((channel === constants.LINE || (templateData && templateData.type === constants.LINE)) && slidBoxContent !== 'templates') {
     const isCreate = slidBoxContent === 'createTemplate';
     const isEdit = slidBoxContent === 'editTemplate';
     if (isFullMode) {

package/v2Containers/Line/Create/index.js

@@ -371,7 +371,8 @@ export class Line extends Component {
         msgData.text = formData.base['message-editor'];
       }
     } else if (modeType === 'image') {
-      if (formData['0'].image.length < 1) {
+      const formImage = formData['0'].image;
+      if (formImage && formImage.length < 1) {
         return 'IMAGE_ERROR';
       }
       if (this.state.isEdit) {
@@ -471,8 +472,8 @@ export class Line extends Component {
     return schema;
   };
 
-  saveFormData = (formData) => {
-    const obj = this.getTransformedData(formData);
+  saveFormData = () => {
+    const obj = this.getTransformedData(this.state.formData);
     if (obj === 'IMAGE_ERROR') {
       const message = getMessageObject(
         'error',
@@ -505,13 +506,17 @@ export class Line extends Component {
     if (!this.state.startValidation) {
       this.setState({
         startValidation: true,
-      }, () => {
-        const {
-          isFullMode,
-          saveMessage,
-          actions,
-          onCreateComplete,
-        } = this.props;
+      });
+    } else {
+      const {
+        isFullMode,
+        saveMessage,
+        actions,
+        onCreateComplete,
+      } = this.props;
+      const { text, originalContentUrl, image } = get(obj, "versions.base.content.messages[0]", {});
+      const { name } = obj || {};
+      if ((text || originalContentUrl || image) && (isFullMode ? name : true)) {
         if (!isFullMode) {
           saveMessage();
         } else if (this.state.isEdit) {
@@ -525,7 +530,7 @@ export class Line extends Component {
             onCreateComplete
           );
         }
-      });
+      }
     }
   };
 
@@ -961,6 +966,12 @@ export class Line extends Component {
     return schema;
   };
 
+  stopValidation = () => {
+    this.setState({
+      startValidation: false,
+    })
+  }
+
   render() {
     const {
       Line: {
@@ -971,6 +982,7 @@ export class Line extends Component {
       params: {
         id,
       } = {},
+      isFullMode,
     } = this.props;
     const {
       edit,
@@ -989,6 +1001,10 @@ export class Line extends Component {
         reUpload,
       } = this.state.formData;
       loading = typeof reUpload === 'undefined' ? !(msgEditor || uploadedAsset) : !reUpload;
+      if (templateData && !isFullMode) {
+        const { text, originalContentUrl } = get(templateData, "versions.base.content.messages[0]", {});
+        loading = !(text || originalContentUrl);
+      }
     }
     let tags =
       this.props.metaEntities && this.props.metaEntities.tags
@@ -1033,6 +1049,7 @@ export class Line extends Component {
                 this.setState({ isDrawerRequired: drawervisibleFlag })
               }
               startValidation={this.state.startValidation}
+              stopValidation={this.stopValidation}
             />
           </CapColumn>
         </CapRow>

package/v2Containers/TemplatesV2/index.js

@@ -75,7 +75,7 @@ export class TemplatesV2 extends React.Component { // eslint-disable-line react/
       return pane;
     });
 
-    const channel = ['sms', 'email', 'mobilepush', 'call_task'];
+    const channel = ['sms', 'email', 'mobilepush', 'line', 'call_task'];
     if (!isEmpty(channelsToDisable)) {
       channel.some((ch) => {
         if (!channelsToDisable.includes(ch)) {