@capillarytech/creatives-library 0.1.28 → 0.1.29

package/components/FormBuilder/index.js

@@ -1037,7 +1037,7 @@ class FormBuilder extends React.Component { // eslint-disable-line react/prefer-
       const ifSkipped = this.skipTags(tagValue);
       if (ifSkipped) {
         ifSupported = true;
-        const missingTagIndex = missingTags.indexOf(tagValue);
+        const missingTagIndex = response.missingTags.indexOf(tagValue);
         if(missingTagIndex != -1) { //skip regex tags for mandatory tags also
           response.missingTags.splice(missingTagIndex, 1);
         }
@@ -2786,7 +2786,7 @@ class FormBuilder extends React.Component { // eslint-disable-line react/prefer-
           }
             break;
           case "line-preview": {
-            console.log("lipak inside", this.state.formData);
+            console.log("lipak inside", this.state.formData['0'].image);
             const content = {
               bodyText: isVersionEnable ? this.state.formData[`${this.state.currentTab - 1}`][`message-editor${this.state.currentTab > 1 ? this.state.currentTab : ''}`] : this.state.formData[val.id],
               bodyImage: this.state.formData[`${this.state.currentTab - 1}`].image,

package/components/PreviewSideBar/index.js

@@ -73,7 +73,7 @@ class PreviewSideBar extends React.Component { // eslint-disable-line react/pref
       if (isMsgReady) {
         content = {
           bodyText: this.props.templateData.versions.base.content.messages[0].text ? this.props.templateData.versions.base.content.messages[0].text : '',
-          bodyImage: this.props.templateData.versions.base.content.messages[0].originalContentUrl ? this.props.templateData.versions.base.content.messages[0].originalContentUrl : '',
+          bodyImage: this.props.templateData.versions.base.content.messages[0].previewImageUrl ? this.props.templateData.versions.base.content.messages[0].previewImageUrl : '',
         };
       }
     } else {

package/containers/Cap/constants.js

@@ -19,3 +19,4 @@ export const GET_SCHEMA_FOR_ENTITY_FAILURE = 'cap/GET_SCHEMA_FOR_ENTITY_FAILURE'
 export const GET_SCHEMA_FOR_ENTITY_REQUEST = 'cap/GET_SCHEMA_FOR_ENTITY_REQUEST';
 export const GET_SCHEMA_FOR_ENTITY_SUCCESS = 'cap/GET_SCHEMA_FOR_ENTITY_SUCCESS';
 export const CLEAR_META_ENTITIES = 'cap/CLEAR_META_ENTITIES';
+export const HIDE_TAGS = 'cap/HIDE_TAGS';

package/containers/Cap/reducer.js

@@ -95,6 +95,12 @@ function capReducer(state = fromJS(initialState), action) {
         layouts: [],
         tags: [],
       });
+    case types.HIDE_TAGS: {
+      const metaEntities = {tags: {}, layouts: state.get('metaEntities').layouts};
+      metaEntities.tags.standard = _.filter(state.get('metaEntities').tags.standard, (tag) => action.tagList.indexOf(tag.definition.value) === -1);
+      metaEntities.tags.custom = _.filter(state.get('metaEntities').tags.custom, (tag) => action.tagList.indexOf(tag.name) === -1);
+      return state.setIn(['metaEntities'], metaEntities);
+    }
     default:
       return state;
   }

package/containers/Line/Create/_lineCreate.scss

@@ -2,6 +2,9 @@
   margin-bottom: 16px;
 }
 .image-container{
+  display: flex;
+  height: 150px;
+  width: 320px;
   border: solid 1px #C2C2C2;
   border-radius: 5px;
   .image-placeholder{
@@ -10,6 +13,9 @@
   img {
     object-fit: cover;
     max-width: 100%;
+    max-height: 100%;
+    height: auto !important;
+    width: auto !important;
   }
 }
 //.ant-tabs-bar{

package/containers/Line/Create/index.js

@@ -140,6 +140,7 @@ export class Line extends Component {
           layout: 'LINE',
           type: 'TAG',
           context: 'outbound',
+          embedded: this.props.location.query.type === 'embedded' ? this.props.location.query.type : 'full',
         };
         if (tags === undefined && modeType !== 'image') {
           this.props.globalActions.fetchSchemaForEntity(getTagsQuery);
@@ -203,6 +204,7 @@ export class Line extends Component {
       const formData = _.cloneDeep(this.state.formData);
       // TODO: if multiple image upload supports, change below accordingly.
       formData[this.state.currentTab - 1].image = nextProps.Line.uploadedAssetData.metaInfo.secure_file_path;
+      formData[this.state.currentTab - 1].imagePreview = nextProps.Line.uploadedAssetData.metaInfo.secure_file_path_preview;
       console.log("before 2", formData[this.state.currentTab - 1].image);
       this.setState({formData});
       console.log("ooo", this.state.formData);
@@ -292,21 +294,20 @@ export class Line extends Component {
         if (editTemplateId && editTemplateId !== undefined) {
           obj._id = editTemplateId;
           msgData.originalContentUrl = formData['0'].image;
-          msgData.previewImageUrl = formData['0'].image;
+          msgData.previewImageUrl = formData['0'].imagePreview;
         }
       } else {
-        // TODO: aspect ration validatio (1024 max) in second cut.
-        const img = new Image();
-        img.src = formData['0'].image;
-        img.onload = () => {
-          console.log(`Image aspect ratio details line@@@${img.width} and ${img.height}`);
-        };
-        // Preview Image set to 240px max
-        const prevImgSet = new Image(240, 240);
-        prevImgSet.src = formData['0'].image;
+        // const img = new Image();
+        // img.src = formData['0'].image;
+        // img.onload = () => {
+        //   console.log(`Image aspect ratio details line@@@${img.width} and ${img.height}`);
+        // };
+        // // Preview Image set to 240px max
+        // const prevImgSet = new Image(240, 240);
+        // prevImgSet.src = formData['0'].image;
 
         msgData.originalContentUrl = formData['0'].image;
-        msgData.previewImageUrl = formData['0'].image;
+        msgData.previewImageUrl = formData['0'].imagePreview;
       }
     }
     obj.versions.base.content.messages.push(msgData);
@@ -326,7 +327,9 @@ export class Line extends Component {
       obj['0']['message-editor'] = versions.base.content.messages[0].text;
     } else if (modeType === 'image') {
       obj.base.image = versions.base.content.messages[0].originalContentUrl;
-      obj['0'].image = versions.base.content.messages[0].previewImageUrl;
+      obj['0'].image = versions.base.content.messages[0].originalContentUrl;
+      obj['0'].imagePreview = versions.base.content.messages[0].previewImageUrl;
+      obj.base.imagePreview = versions.base.content.messages[0].previewImageUrl;
     }
 
     console.log("getEditTransformedData", obj);
@@ -564,7 +567,7 @@ export class Line extends Component {
       obj.base.image = content;
       obj['0'].image = content;
     }
-    this.setState({formData: obj, loading: false});
+    this.setState({formData: obj, loading: false, injectedTags: data.tags});
   };
 
   startLoading = (ifEdit) => {
@@ -714,6 +717,7 @@ export class Line extends Component {
       const message = getMessageObject('error', this.props.intl.formatMessage(messages['File size cannot be more than 1mb']), true);
       this.props.globalActions.addMessageToQueue(message);
     } else {
+      data.fileParams.isGeneratePreview = true;
       const name = data.file.name.split('.');
       const blob = data.file.slice(0, -1, 'image');
       const newFile = new File([blob], `${name[0]}${Date.now()}.${name[1]}`, {type: 'image'});

package/package.json

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