@capillarytech/creatives-library 8.0.79 → 8.0.80-alpha.0

package/containers/Email/index.js

@@ -1199,14 +1199,13 @@ export class Email extends React.Component { // eslint-disable-line react/prefer
   }
 
   getValidationData = () => {
-    
     const that = this;
     const formData = _.cloneDeep(this.state.formData);
     _.forEach(formData, (val, index) => {
       if (!isNaN(index)) {
         _.forEach(val.selectedLanguages, (language) => {
-          
           if (val[language].is_drag_drop) {
+            console.log('***getValidationData -1210', val[language].drag_drop_id, language);
             that.props.actions.getCmsData('edm', val[language].drag_drop_id, language);
           }
         });
@@ -1938,6 +1937,7 @@ export class Email extends React.Component { // eslint-disable-line react/prefer
         }
       });
     } else if (this.state.mode === 'preview' || this.state.mode === 'switchEditor') {
+      console.log('***HandleEdmSave -1940', this.state.formData[`${this.state.currentTab - 1}`][this.state.formData[`${this.state.currentTab - 1}`].activeTab].drag_drop_id);
       this.props.actions.getCmsData('edm', this.state.formData[`${this.state.currentTab - 1}`][this.state.formData[`${this.state.currentTab - 1}`].activeTab].drag_drop_id);
       if (this.state.mode === 'switchEditor') {
         let schema = _.cloneDeep(this.state.schema);

package/containers/Email/sagas.js

@@ -55,9 +55,7 @@ export function* getAllAssets(assetType, queryParams) {
 
 export function* getCmsSetting({cmsType, projectId, cmsMode, langId, isEdmSupport}) {
   try {
-    
     const result = yield call(Api.getCmsTemplateSettings, cmsType, projectId, cmsMode, langId, isEdmSupport);
-    
     yield put({ type: types.GET_CMS_EDITOR_DETAILS_SUCCESS, settings: result.data.response.cmsDetails });
   } catch (error) {
     yield put({ type: types.GET_CMS_EDITOR_DETAILS_FAILURE, error });
@@ -67,7 +65,6 @@ export function* getCmsSetting({cmsType, projectId, cmsMode, langId, isEdmSuppor
 export function* getCmsData({cmsType, projectId, langId}) {
   try {
     const result = yield call(Api.getCmsTemplateData, cmsType, projectId, langId);
-    
     yield put({ type: types.GET_CMS_EDITOR_DATA_SUCCESS, data: result.data.response.data, langId: result.data.response.langId });
   } catch (error) {
     yield put({ type: types.GET_CMS_EDITOR_DATA_FAILURE, error });

package/package.json

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

package/services/api.js

@@ -3,7 +3,7 @@
  */
 import 'whatwg-fetch';
 import { GA, decompressJsonObject } from '@capillarytech/cap-ui-utils';
-import { get } from 'lodash';
+import get from 'lodash/get';
 import { loadItem, clearItem } from './localStorageApi';
 import config from '../config/app';
 import pathConfig from '../config/path';

package/v2Containers/Ebill/sagas.js

@@ -31,7 +31,6 @@ export function* getTemplateDetails(id, channel) {
 export function* getCmsData({cmsType, projectId}) {
   try {
     const result = yield call(Api.getCmsData, cmsType, projectId);
-    
     yield put({ type: types.GET_CMS_EDITOR_DATA_SUCCESS, data: decodeURIComponent(result.data.response.cmsData.htmlContent) });
   } catch (error) {
     yield put({ type: types.GET_CMS_EDITOR_DATA_FAILURE, error });

package/v2Containers/Email/index.js

@@ -36,7 +36,7 @@ import { TRACK_CREATE_EMAIL, TRACK_EDIT_EMAIL, BEE_PLUGIN, CREATE, EDIT } from '
 import { FONT_COLOR_05 } from '@capillarytech/cap-ui-library/styled/variables';
 import { gtmPush } from '../../utils/gtmTrackers';
 const {CapCustomCardList} = CapCustomCard;
-import {transformEmailTemplates, storeS3FileSizeDetails, CREATIVES_S3_ASSET_FILESIZES} from '../../utils/cdnTransformation';
+import {storeS3FileSizeDetails, CREATIVES_S3_ASSET_FILESIZES} from '../../utils/cdnTransformation';
 import { CUSTOMER_BARCODE_TAG } from '../../containers/App/constants';
 import injectReducer from '../../utils/injectReducer';
 import v2EmailReducer from './reducer';
@@ -497,6 +497,7 @@ export class Email extends React.Component { // eslint-disable-line react/prefer
         const isDragDrop = this.state.formData[`${this.state.currentTab - 1}`][this.state.formData[`${this.state.currentTab - 1}`].activeTab].is_drag_drop;
         const isBEESupport = (this.props.location.query.isBEESupport !== "false") || false;
         if (isDragDrop && isBEESupport && this.checkBeeEditorAllowedForLibrary()) {
+          console.log('***Handle EDM -500', this.edmEvent, JSON.parse(this.edmEvent.data));
           const evtData = JSON.parse(this.edmEvent.data);
           if (evtData.action === 'editBackground') {
             this.edmEvent.source.postMessage(JSON.stringify({
@@ -511,6 +512,7 @@ export class Email extends React.Component { // eslint-disable-line react/prefer
               },
             }), "*");
           } else if (evtData.action === 'edit') {
+            console.log('***Handle EDM -515', this.edmEvent, JSON.parse(this.edmEvent.data));
             this.edmEvent.source.postMessage(JSON.stringify({
               _dynId: JSON.parse(this.edmEvent.data)._dynId,
               action: "setProps",
@@ -748,7 +750,8 @@ export class Email extends React.Component { // eslint-disable-line react/prefer
   }
   getValidationData = () => {
     const that = this;
-    let id = _.get(this.props, 'Email.templateDetails._id', '') || _.get(this.props, 'Templates.BEETemplate._id', '');
+    console.log('***getValidationData -753', this.props);
+    let id = _.get(this.props, 'Email.templateDetails._id', '') || _.get(this.props, 'Templates.BEETemplate.versions.base.drag_drop_id', '');
     const formData = _.cloneDeep(this.state.formData);
     if (!id) {
       id = _.get(formData, `base[${formData.base.activeTab}].id`, '');
@@ -759,6 +762,7 @@ export class Email extends React.Component { // eslint-disable-line react/prefer
         if (!isNaN(index)) {
           _.forEach(val.selectedLanguages, (language) => {
             if (val[language].is_drag_drop && this.checkBeeEditorAllowedForLibrary()) {
+              console.log('***getValidationData -764', val[language].drag_drop_id, language, id);
               that.props.actions.getCmsData(BEE_PLUGIN, id, language);
             }
           });
@@ -928,6 +932,7 @@ export class Email extends React.Component { // eslint-disable-line react/prefer
         //   formData.base.activeTab = language;
         // }
         if (language && editData.versions.base[language].is_drag_drop && isBEEAppEnable) {
+          console.log('***getCmsSetting -934', editData, language);
           this.props.actions.getCmsSetting(BEE_PLUGIN, editData._id, 'open', language, isBEESupport, isBEEAppEnable);
         }
       });
@@ -1405,7 +1410,8 @@ export class Email extends React.Component { // eslint-disable-line react/prefer
         }
       });
     } else if (this.state.mode === 'preview' || this.state.mode === 'switchEditor') {
-      let id = _.get(this.props, 'Email.templateDetails._id', '') || _.get(this.props, 'Templates.BEETemplate._id', '');
+      let id = _.get(this.props, 'Email.templateDetails._id', '') || _.get(this.props, 'Templates.BEETemplate.versions.base.drag_drop_id', '');
+      console.log('***Handle EDM -864', id);
       const formData = _.cloneDeep(this.state.formData);
       if (!id) {
         id = _.get(formData, `base[${formData.base.activeTab}].id`, '');
@@ -1520,6 +1526,7 @@ export class Email extends React.Component { // eslint-disable-line react/prefer
         storeS3FileSizeDetails(data?.metaInfo?.secure_file_path, data?.metaInfo?.file_size);
 
         if (isDragDrop && isEdmSupport && this.checkBeeEditorAllowedForLibrary()) {
+          console.log('***Handle EDM -1524', this.edmEvent, JSON.parse(this.edmEvent.data));
           const evtData = JSON.parse(this.edmEvent.data);
           if (evtData.action === 'editBackground') {
             this.edmEvent.source.postMessage(JSON.stringify({
@@ -1534,6 +1541,7 @@ export class Email extends React.Component { // eslint-disable-line react/prefer
               },
             }), "*");
           } else if (evtData.action === 'edit') {
+            console.log('***Handle EDM -1539', this.edmEvent, JSON.parse(this.edmEvent.data));
             this.edmEvent.source.postMessage(JSON.stringify({
               _dynId: JSON.parse(this.edmEvent.data)._dynId,
               action: "setProps",
@@ -2502,7 +2510,9 @@ export class Email extends React.Component { // eslint-disable-line react/prefer
   };
   handleEdmDefaultTemplateSelection = (isSelected, id) => {
     if (isSelected) {
+      console.log('***handleEdmDefaultTemplateSelection -2512', this.props.Templates.cmsTemplates);
       const data = _.find(this.props.Templates.cmsTemplates, {_id: id});
+      console.log('***handleEdmDefaultTemplateSelection -2513', data);
       // const type = this.props.location.query.type;
       // const module = this.props.location.query.module ? this.props.location.query.module : 'default';
       // const isLanguageSupport = (this.props.location.query.isLanguageSupport) ? this.props.location.query.isLanguageSupport : true;