@capillarytech/creatives-library 3.9.4 → 3.9.7

package/components/TemplatePreview/WechatRichmediaTemplatePreview/index.js

@@ -14,7 +14,7 @@ import _ from 'lodash';
 import SlideBox from '../../SlideBox';
 import './_wechatRichmediaTemplatePrev.scss';
 import messages from './messages';
-const wechatBody = require('./../assets/images/wechat_mobile-android.png');
+const wechatBody = require('../assets/images/wechat_mobile_android.svg');
 
 class WechatRichmediaTemplatePreview extends React.PureComponent { // eslint-disable-line react/prefer-stateless-function
   preparePreviewData = (mediaList) => {

package/components/TemplatePreview/_templatePreview.scss

@@ -1,4 +1,4 @@
-@import "@capillarytech/cap-ui-library/styles/_variables.scss";
+@import '~@capillarytech/cap-ui-library/styles/_variables.scss';
 
 .shell-lock-screen-ios{
   display: flex;
@@ -296,6 +296,11 @@
         left: 14px;
       }
     }
+    &.line-preview {
+      .message-pop {
+        margin-top: -6px;
+      }
+    }
 
     .message-pop{
       .unicode-disabled{

package/components/TemplatePreview/index.js

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

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@capillarytech/creatives-library",
   "author": "meharaj",
-  "version": "3.9.4",
+  "version": "3.9.7",
   "description": "Capillary creatives ui",
   "main": "./index.js",
   "module": "./index.es.js",
@@ -30,4 +30,4 @@
     "styled-components": "^3.2.1",
     "whatwg-fetch": "2.0.1"
   }
-}
+}

package/v2Components/TemplatePreview/_templatePreview.scss

@@ -40,6 +40,15 @@
     &.wechat{
       width: 52%;
     }
+    &.line-preview {
+      margin-left: 16px;
+
+      .message-pop {
+        width: 80%;
+        left: 36px;
+        margin-top: -6px;
+      }
+    }
 
     .message-pop{
       .unicode-disabled{

package/v2Components/TemplatePreview/index.js

@@ -281,7 +281,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)}/>
-              <div className="msgContainer">
+              <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/index.js

@@ -216,7 +216,7 @@ class Creatives extends React.Component {
           break;
         }
         case constants.LINE: {
-          const { messageBody } = templateData;
+          const { messageBody= '{}', isDefault } = templateData;
           const {
             messages,
             to,
@@ -226,6 +226,7 @@ class Creatives extends React.Component {
           } = JSON.parse(messageBody);
           creativesTemplateData = {
             type: constants.LINE,
+            isDefault,
             edit: true,
             definition: {
               mode: type,

package/v2Containers/Line/Create/index.js

@@ -168,7 +168,7 @@ export class Line extends Component {
           type: 'TAG',
           context:
             this.props.location.query.type === 'embedded'
-              ? this.props.location.query.module
+              ? 'outbound'
               : 'default',
           embedded:
             this.props.location.query.type === 'embedded'
@@ -287,7 +287,7 @@ export class Line extends Component {
 
   setEditState = (data) => {
     const { formData: previousFormData } = this.state;
-    const { text, originalContentUrl, imagePreview, image } = get(data, "versions.base.content.messages[0]");
+    const { text, originalContentUrl, imagePreview, image } = get(data, "versions.base.content.messages[0]", {});
     const retrievedData = {
       ...previousFormData[0],
     };
@@ -974,18 +974,20 @@ export class Line extends Component {
         createTemplateInProgress,
         assetUploading,
       } = {},
-      templateData: {
-        edit,
-        mode,
-        orgId,
-      } = {},
+      templateData,
       params: {
         id,
       } = {},
     } = this.props;
+    const {
+      edit,
+      mode,
+      orgId,
+      isDefault,
+    } = templateData || {};
     let loading = createTemplateInProgress || false;
     loading = !!assetUploading;
-    if (edit || mode === 'edit' || (orgId && id)) {
+    if (!isDefault && (edit || mode === 'edit' || (orgId && id))) {
       const {
         base: {
           'message-editor': msgEditor,