@capillarytech/creatives-library 3.11.0 → 3.11.2

package/package.json

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

package/v2Components/TemplatePreview/index.js

@@ -283,7 +283,7 @@ class TemplatePreview extends React.Component { // eslint-disable-line react/pre
             {
           channel && channel.toLowerCase() === 'line' ? (
             <div className="shell-v2 align-center" id="sms-preview">
-              <CapImage className="preview-image" src={wechatBodyNew} alt={this.props.intl.formatMessage(messages.previewGenerated)}/>
+              <CapImage className="preview-image" src={smsMobileAndroid} alt={this.props.intl.formatMessage(messages.previewGenerated)}/>
               <div className="msgContainer line-preview">
                 <div className="sms-icon" style={{ left: 10, borderRadius: '50%', width: '20px', height: '20px', background: '#2E89DF' }}></div>
                 <div className="message-pop align-left" style={{ background: '#ffffff', color: '#333333' }}>

package/v2Containers/CreativesContainer/SlideBoxContent.js

@@ -34,6 +34,42 @@ function getWechatTemplateType(mode, templateData, weChatTemplateType = '') {
   return weChatTemplateType;
 }
 
+const getLineType = ({
+  slidBoxContent,
+  channel,
+  isFullMode,
+  templateData,
+}) => {
+  if (channel === constants.LINE && slidBoxContent !== 'templates') {
+    const isCreate = slidBoxContent === 'createTemplate';
+    const isEdit = slidBoxContent === 'editTemplate';
+    if (isFullMode) {
+      return {
+        isCreate,
+        isEdit,
+      };
+    } else {
+      if (templateData) {
+        const { isDefault, _id } = templateData;
+        const messageBody = get(templateData, "versions.base.content.messages[0]");
+        if (_id || messageBody) {
+          return {
+            isEdit: true,
+          };
+        }
+        return {
+          isCreate: true,
+        };
+      }
+      return {
+        isCreate,
+        isEdit,
+      };
+    }
+  }
+  return {};
+}
+
 function SlideBoxContent(props) {
   const {
       slidBoxContent,
@@ -86,12 +122,19 @@ function SlideBoxContent(props) {
     search: '',
   };
   let channel = currentChannel;//for create mode
+  const {
+    isCreate: isCreateLine = false,
+    isEdit: isEditLine = false,
+  } = getLineType({
+    slidBoxContent,
+    channel,
+    isFullMode,
+    templateData,
+  });
   const isCreateSms = slidBoxContent === 'createTemplate' && channel === constants.SMS;
-  const isCreateLine = slidBoxContent === 'createTemplate' && channel === constants.LINE;
   const isCreateMPush = slidBoxContent === 'createTemplate' && channel === constants.MOBILE_PUSH;
   const isCreateCallTask = slidBoxContent === 'createTemplate' && channel === constants.CALL_TASK;
   let isEditSms = false;
-  let isEditLine = false;
   let isEditEmailWithId = false;
   let isEmailEditWithContent = false;
   let isPreview = false;
@@ -104,7 +147,6 @@ function SlideBoxContent(props) {
   if (templateData && channel) {
     channel = templateData.type;// for edit mode with template data
     isEditSms = slidBoxContent === 'editTemplate' && channel === constants.SMS;
-    isEditLine = slidBoxContent === 'editTemplate' && channel === constants.LINE;
     isEditCallTask = slidBoxContent === 'editTemplate' && channel === constants.CALL_TASK;
     isEditMPush = slidBoxContent === 'editTemplate' && channel === constants.MOBILE_PUSH;
     isEditEmailWithId = slidBoxContent === 'editTemplate' && channel === constants.EMAIL && templateData._id;

package/v2Containers/Templates/index.js

@@ -971,7 +971,7 @@ export class Templates extends React.Component { // eslint-disable-line react/pr
         break;
     }
   };
-
+ 
   createTemplate(ev) {
     const type = this.props.location.query.type;
     const module = this.props.location.query.module ? this.props.location.query.module : 'default';
@@ -1383,11 +1383,12 @@ export class Templates extends React.Component { // eslint-disable-line react/pr
           </div>);
       } else if (this.state.channel.toLowerCase() === 'line') {
         //content = template.versions.base.messages[0].Text;
+        const lineContent = template.versions.base.content;
         content = {
-          bodyText: template.versions.base.content.messages[0].text ? template.versions.base.content.messages[0].text : '',
-          bodyImage: template.versions.base.content.messages[0].originalContentUrl ? template.versions.base.content.messages[0].originalContentUrl : '',
+          bodyText:lineContent && lineContent.messages[0].text ? lineContent.messages[0].text : '',
+          bodyImage: lineContent && lineContent.messages[0].originalContentUrl ? lineContent.messages[0].originalContentUrl : '',
         };
-        const modeType = template.versions.base.content.messages[0].type;
+        const modeType = lineContent && lineContent.messages[0].type;
         temp.content = (
           <div className="sms-template-content" key={template._id}>
             {content.bodyText ? <div className={`sms-text ${this.state.hoveredItem === template._id ? 'sms-text-blurred' : ''}`}>{content.bodyText || ''}</div> : ''}