@capillarytech/creatives-library 7.6.2 → 7.6.4

package/containers/WeChat/RichmediaTemplates/Create/index.js

@@ -188,11 +188,11 @@ export class Create extends React.Component { // eslint-disable-line react/prefe
     this.setState({templateData});
   }
   getEditorInstanse = (instance, id) => {
-    
+    console.log('Got editor Instance ', instance, id);
     window.CKEDITOR.on( 'instanceReady', ( event ) => {
       this.setState({editorInstanse: event.editor});
       event.editor.on( 'focus', () => {
-        
+        console.log( 'focused', event.editor, this );
         this.setState({editorInstanse: event.editor});
       });
     });
@@ -208,7 +208,7 @@ export class Create extends React.Component { // eslint-disable-line react/prefe
     this.setState({isFormValid});
   }
   getCurrentWindow(e) {
-    
+    console.log("moveToTemplates richmedia getCurrentWindow");
     const response = {
       action: e.action,
       value: 'edit',
@@ -217,7 +217,7 @@ export class Create extends React.Component { // eslint-disable-line react/prefe
     parent.postMessage(JSON.stringify(response), '*');
   }
   getFormData(e) {
-    
+    console.log("getformdata wechat richmedia: ", this.state.templateData, this.props, this.state);
     const message = {
       mediaList: this.props.templateData.templateDetails.versions.base.mediaList,
       media_id: this.props.templateData.templateDetails.versions.base.mediaId,
@@ -241,7 +241,7 @@ export class Create extends React.Component { // eslint-disable-line react/prefe
       value: data,
       validity: this.state.isFormValid,
     };
-    
+    console.log("getformdata2 wechat richmedia: ", data);
     e.source.postMessage(JSON.stringify(response), e.origin);
   }
   injectMessages(elem) {
@@ -300,7 +300,7 @@ export class Create extends React.Component { // eslint-disable-line react/prefe
   //   }
   // }
   moveToTemplates() {
-    
+    console.log("moveToTemplates richmedia");
     const modalContent = {
       title: this.props.intl.formatMessage(messages.modalTitle),
       body: this.props.intl.formatMessage(messages.modalBody),
@@ -314,7 +314,7 @@ export class Create extends React.Component { // eslint-disable-line react/prefe
     this.setState({showModal: false});
   }
   showNext() {
-    
+    console.log("richmedia shownext");
     const response = {
       action: "showNext",
       value: true,
@@ -322,7 +322,7 @@ export class Create extends React.Component { // eslint-disable-line react/prefe
     parent.postMessage(JSON.stringify(response), '*');
   }
   handleFrameTasks = (e) => {
-    
+    console.log("richmedia handleFrameTasks: ", e.data);
     const type = e.data;
     if (typeof type === 'object') {
       const action = type.action;
@@ -342,7 +342,7 @@ export class Create extends React.Component { // eslint-disable-line react/prefe
           this.getFormData(e);
           break;
         case "moveToTemplates":
-          
+          console.log("moveToTemplates richmedia case");
           this.moveToTemplates();
           break;
         default:

package/containers/WeChat/RichmediaTemplates/Edit/actions.js

@@ -13,7 +13,7 @@ export function defaultAction() {
 }
 
 export function getTemplateDetails(id, channel) {
-  
+  console.log('getting template', id);
   return {
     type: types.GET_TEMPLATE_DETAILS_REQUEST, id, channel,
   };

package/containers/WeChat/RichmediaTemplates/Edit/sagas.js

@@ -12,7 +12,7 @@ export function* getTemplateDetails({id, channel}) {
     const params = {
       id, channel,
     };
-    
+    console.log('saga get Template details', id);
     const result = yield call(Api.getTemplateDetails, params);
     // const sidebar = result.response.sidebar;
     yield put({ type: types.GET_TEMPLATE_DETAILS_SUCCESS, data: result.response });

package/package.json

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

package/services/api.js

@@ -87,7 +87,7 @@ function request(url, options) {
   try {
     requestCallerName = getCallerName();
   } catch (e) {
-    
+    console.log('requestCallerName error :', e);
   }
   const fetchUrl = url.indexOf('?') !== -1 ? `${url}&time=${Date.now()}` : `${url}?time=${Date.now()}`;
   return fetch(fetchUrl, options)
@@ -190,31 +190,31 @@ export const getUserData = () => {
 };
 
 export const createTemplate = ({template}) => {
-  
+  console.log('in api.js', template);
   const url = `${API_ENDPOINT}/templates/SMS`;
   return request(url, getAPICallObject('POST', template));
 };
 
 export const editTemplate = ({template}) => {
-  
+  console.log('in api.js', template);
   const url = `${API_ENDPOINT}/templates/SMS`;
   return request(url, getAPICallObject('POST', template));
 };
 
 export const createWeChatTemplate = ({template}) => {
-  
+  console.log('in api.js', template);
   const url = `${API_ENDPOINT}/templates/WECHAT`;
   return request(url, getAPICallObject('POST', template));
 };
 
 export const createMobilePushTemplate = ({template}) => {
-  
+  console.log('in api.js', template);
   const url = `${API_ENDPOINT}/templates/MOBILEPUSH`;
   return request(url, getAPICallObject('POST', template));
 };
 
 export const duplicateTemplate = ({id, channel}) => {
-  
+  console.log('in api.js duplicateTemplate', id, channel);
   const url = `${API_ENDPOINT}/templates/duplicate/${id}/${channel}`;
   return request(url, getAPICallObject('GET'));
 };
@@ -225,25 +225,25 @@ export const getFTPServers = () => {
 };
 
 export const editWeChatTemplate = ({template}) => {
-  
+  console.log('in api.js', template);
   const url = `${API_ENDPOINT}/templates/WECHAT`;
   return request(url, getAPICallObject('POST', template));
 };
 
 export const createEmailTemplate = ({template}) => {
-  
+  console.log('in api.js', template);
   const url = `${API_ENDPOINT}/templates/EMAIL`;
   return request(url, getAPICallObject('POST', template));
 };
 
 export const createEbillTemplate = ({template}) => {
-  
+  console.log('in api.js', template);
   const url = `${API_ENDPOINT}/templates/EBILL`;
   return request(url, getAPICallObject('POST', template));
 };
 
 export const getTemplateDetails = ({id, channel}) => {
-  
+  console.log('in api.js', id);
   const url = `${API_ENDPOINT}/templates/${id}/${channel ? channel.toUpperCase() : 'SMS'}`;
   return request(url, getAPICallObject('GET'));
 };
@@ -254,7 +254,7 @@ export const getAllTemplates = ({channel, queryParams}) => {
 };
 
 export const deleteTemplate = ({channel, id}) => {
-  
+  console.log('in api.js delete', id, channel);
   const url = `${API_ENDPOINT}/templates/${id}/${channel}`;
   return request(url, getAPICallObject('DELETE'));
   //return API.deleteResource(url);
@@ -350,7 +350,7 @@ export const getCmsData = (cmsType, projectId, langId) => {
 };
 
 export const getEdmTemplates = () => {
-  
+  console.log('in api.js');
   const url = `${API_ENDPOINT}/templates/email/default`;
   return request(url, getAPICallObject('GET'));
 };
@@ -363,7 +363,7 @@ export const getDefaultBeeTemplates = () => {
 // All about line
 
 export const createLineTemplate = ({template}) => {
-  
+  console.log('LINE : in api.js', template);
   const url = `${API_ENDPOINT}/templates/LINE`;
   return request(url, getAPICallObject('POST', template));
 };

package/utils/authWrapper.js

@@ -10,10 +10,10 @@ const getIsLoggedIn = () => {
   let isLoggedIn = false;
   if (process.env.NODE_ENV === "production" && JSON.parse(window.localStorage.getItem('isLoggedIn'))) {
     isLoggedIn = true;
-    
+    console.log("Auth wrapper production", isLoggedIn);
   } else if (localStorage.getItem("token")) {
     isLoggedIn = true;
-    
+    console.log("Auth wrapper development", isLoggedIn);
   }
   return isLoggedIn;
 };

package/utils/smsCharCount.js

@@ -174,7 +174,7 @@ let updateSmsData = (chars) => {
   msgContent = msgContent.replace(/\r/g, " ").replace(/\f/g, "  ");
 
   const matches = msgContent.split("");
-  
+  console.log('Test 1', msgContent, matches);
   let use7bit = true;
   let length7bit = 0;
   let length16bit = 0;
@@ -255,7 +255,7 @@ function _camp1(s) {
   try {
     return i18n.dgettext("camp1", s) !== '' ? this.i18n.dgettext("camp1", s) : s;
   } catch (err) {
-    
+    console.log('i18n Error', err.message);
     return s;
   }
 }
@@ -328,7 +328,7 @@ export function updateCharCount(boxVal) {
 
   // let unicodeFlag = 0;
   // let extraChars = 0;
-  
+  console.log('Box val', boxVal);
   let msgCount = 0;
   const lenCount = smsCharCount(boxVal);
   const len = lenCount[0];
@@ -337,9 +337,9 @@ export function updateCharCount(boxVal) {
   const totalChars = lenCount[2].total_chars;
   const charset = lenCount[2].charset;
   if (!charset && totalChars > 1000) {
-    
+    console.log("only 1000 character allowed in normal sms remaining character will be discarded");
   } else if (charset && totalChars > 500) {
-    
+    console.log("only 500 character allowed in unicode sms remaining character will be discarded");
   }
 
   // return `${len} characters = ${msgCount} Messages*, Characters left: ${charLeft}`;

package/v2Components/CapTagList/index.js

@@ -139,7 +139,7 @@ class CapTagList extends React.Component { // eslint-disable-line react/prefer-s
         supportedTagsString += `${supportedTag} ,`;
       });
       supportedTagsString = supportedTagsString.replace(/,\s*$/, "");
-      
+      console.log(supportedTagsString);
       if (_.has(val, 'subtags')) {
         const temp = this.renderTags(val.subtags);
         list.push((

package/v2Components/Card/index.js

@@ -33,7 +33,7 @@ class CustomCard extends React.Component { // eslint-disable-line react/prefer-s
   }
 
   handleMouseHover(data) {
-    
+    console.log('hover mouse data', data);
     this.setState({isHovering: data});
     this.props.onHover(!this.state.isHovering, this.props.id);
   }

package/v2Components/Ckeditor/index.js

@@ -166,7 +166,7 @@ class Ckeditor extends React.Component { // eslint-disable-line react/prefer-sta
       // setTimeout(() => {
       //   this.editorInstance.name = this.id;
       // }, 5000);
-      
+      console.log('nextProps CKEditor', nextProps, this.state.content, this.props.id);
     }
   }
 
@@ -183,7 +183,7 @@ class Ckeditor extends React.Component { // eslint-disable-line react/prefer-sta
   onLoad() {
     if (this.unmounting) return;
 
-    
+    console.log('CKEditor Loading');
     if (!window.CKEDITOR) {
       console.error("CKEditor not found");
       return;
@@ -191,13 +191,13 @@ class Ckeditor extends React.Component { // eslint-disable-line react/prefer-sta
 
     let html = this.props.content;
     html = html.replace(/&amp;/g, "&").replace(/&lt;/g, "<").replace(/&gt;/g, ">").replace(/&quot;/g, "\"");
-    
+    console.log("ckeditor loading 1", this.node, html);
     this.editorInstance = window.CKEDITOR.appendTo(
       this.node,
       this.state.config,
       html
     );
-    
+    console.log('2');
 
     if (this.props.getEditorInstanse) {
       this.props.getEditorInstanse(this.editorInstance, this.props.id);
@@ -248,7 +248,7 @@ class Ckeditor extends React.Component { // eslint-disable-line react/prefer-sta
   };
 
   render() {
-    
+    console.log('ckeditor loading render', this.props);
     return (
       <div id={this.props.id} style={{borderRight: "1px solid #000 !important"}}>
         <div className={this.props.activeClass} ref={(node) => (this.node = node)}/>

package/v2Components/CustomPopOver/index.js

@@ -17,17 +17,17 @@ import messages from './messages';
 
 class CustomPopOver extends React.Component { // eslint-disable-line react/prefer-stateless-function
   componentWillMount() {
-    
+    console.log('popOver List ', this.props.popOverList, this.props.excludeList);
   }
 
   componentWillReceiveProps(nextProps) {
-    
+    console.log('next popOver List ', nextProps.popOverList, nextProps.excludeList);
   }
 
   renderPopoverContent() {
     const elem = [];
     _.forEach(this.props.popOverList, (content, index) => {
-      
+      console.log('PopOver Content', content);
       if (this.props.excludeList.indexOf(content.iso_code) === -1) {
         elem.push(
           <p style={{ cursor: "pointer"}} key={index} onClick={() => this.props.handlePopOverClick(content)}>{content.language}</p>

package/v2Components/Edmeditor/index.js

@@ -25,13 +25,13 @@ class Edmeditor extends React.Component { // eslint-disable-line react/prefer-st
   }
 
   componentDidMount() {
-    
+    console.log('current language edm editor mounted', this.props.id, this.props.edmSrc);
   }
 
   componentWillReceiveProps(nextProps) {
-    
+    console.log('current language nextProps', nextProps, nextProps.id, nextProps.edmSrc);
     // if (!_.isEqual(nextProps.content, this.props.content)) {
-    //   
+    //   console.log(nextProps.content);
     //   this.editorInstance.content = nextProps.content;
     // }
   }
@@ -41,7 +41,7 @@ class Edmeditor extends React.Component { // eslint-disable-line react/prefer-st
   }
 
   render() {
-    
+    console.log('current language edm editor loading', this.props.id, this.props.edmSrc);
     return (
       this.props.edmSrc ?
         (<iframe id={this.props.id} className={this.props.activeClass} src={this.props.edmSrc} height="460" width="100%" style={{height: "calc(100vh - 180px)"}}></iframe>)

package/v2Components/EmailMobilePreview/index.js

@@ -17,15 +17,15 @@ import moment from 'moment';
 import EmailPreviewV2 from '../EmailPreviewV2';
 import messages from '../EmailPreviewV2/messages';
 import './index.scss';
-import mobileBody from '../../assets/DeviceForEmail.png';
+import mobileBody from '../../assets/mobile.png';
 import { removeLinksFromHtmlContent } from './../../utils/common';
 import {selectTemplateContent} from '../../containers/Templates/selectors';
 import * as templateActions from '../../containers/Templates/actions';
 
 const deviceAspectRatio = {
   mobile: {
-    height: "541",
-    width: "340",
+    height: "415",
+    width: "238",
   },
 };
 
@@ -95,7 +95,7 @@ class EmailMobilePreview extends React.Component {
                       )}
                     <div className={"shell align-center"}>
 
-                      <img src={mobileBody} alt="capillary" width="386" />
+                      <img src={mobileBody} alt="capillary" width="270" />
                       <div className={`${messageContainerName} ${emailSubjectLabel ? 'with-subject' : ''}`}>
                         {emailSubjectLabel}
                         <iframe srcDoc={copyContent} {...deviceAspectRatio.mobile} >

package/v2Components/EmailPreviewV2/index.js

@@ -18,7 +18,7 @@ import moment from 'moment';
 import messages from './messages';
 import './_emailPreviewV2.scss';
 import tabletBody from '../../assets/iPad.svg';
-import mobileBody from '../../assets/DeviceForEmail.png';
+import mobileBody from '../../assets/mobile.png';
 import { removeLinksFromHtmlContent } from './../../utils/common';
 
 import {selectTemplateContent} from '../../v2Containers/Templates/selectors';
@@ -34,8 +34,8 @@ const deviceAspectRatio = {
     width: "450",
   }),
   mobile: (emailSubject) => ({
-    height: emailSubject ? "541" : "511",
-    width: "340",
+    height: emailSubject ? "570" : "600",
+    width: "310",
   }),
 };
 const devices = {
@@ -127,7 +127,7 @@ class EmailPreviewV2 extends React.Component {
                       tab: <StyledCapIcon type="mobile" active={currentDevice === 'mobile'} />,
                       content: (<div className="email-preview-container">
                         <div className="shell align-center">
-                          <img src={mobileBody} alt="capillary" width="386" />
+                          <img src={mobileBody} alt="capillary" width="350" />
                           {iframeDiv}
                         </div>
                       </div>),

package/v2Components/FormBuilder/index.js

@@ -2067,12 +2067,12 @@ class FormBuilder extends React.Component { // eslint-disable-line react/prefer-
       // }
       return;
     }
-    
+    console.log('Call Event ', event, data, this.props.parent);
     // val.injectedEvents[event].call(this.props.parent, data);
     val.injectedEvents[event].call(this.props.parent, data, val.id);
   }
   openFileDialog = (e, parentID) => {
-    
+    console.log("filedialog: ");
     document.querySelector(`#${parentID} #fileName`).click();
   };
   handleOk = (ev) => {
@@ -3185,7 +3185,7 @@ class FormBuilder extends React.Component { // eslint-disable-line react/prefer-
               if (val.id.indexOf('template-content') > -1 && val.id !== 'template-content') {
                 langIndex = parseInt(val.id.replace('template-content', ''), 10) - 1;
               }
-              
+              console.log('CKEditor Data 2', this.state.formData, this.state.formData[`${this.state.currentTab - 1}`], val, this.state.currentTab, this.state.currentLangTab, langIndex);
               const currentLang = ((!_.isEmpty(this.state.formData) && !_.isEmpty(this.state.formData[`${this.state.currentTab - 1}`]) && !_.isEmpty(this.state.formData[`${this.state.currentTab - 1}`].selectedLanguages) && this.state.formData[`${this.state.currentTab - 1}`].selectedLanguages[langIndex]) ? this.state.formData[`${this.state.currentTab - 1}`].selectedLanguages[langIndex] : this.props.baseLanguage) || 'en';
               const content = (!_.isEmpty(this.state.formData) && this.state.formData[`${this.state.currentTab - 1}`] && this.state.formData[`${this.state.currentTab - 1}`][currentLang] && this.state.formData[`${this.state.currentTab - 1}`][currentLang]['template-content'] || '');
               columns.push(

package/v2Components/PreviewSideBar/index.js

@@ -47,10 +47,10 @@ class PreviewSideBar extends React.Component { // eslint-disable-line react/pref
     this.props.onEditClick(e, this.props.templateData._id, this.props.templateData.modeType, path);
   }
   render() {
-    
+    console.log('preview sidebar', this.props);
     let content = '';
     if ((this.props.channel || '').toLowerCase() === 'wechat') {
-      
+      console.log('Template Infog ', this.props.templateData);
       content = this.props.templateData.content;
     } else if ((this.props.channel || '').toLowerCase() === "mobilepush" && !_.isEmpty(this.props.templateData)) {
       const data = this.state.device === "android" ? this.props.templateData.versions.base.ANDROID : this.props.templateData.versions.base.IOS;
@@ -88,7 +88,7 @@ class PreviewSideBar extends React.Component { // eslint-disable-line react/pref
     if ((this.props.channel || '').toLowerCase() === 'wechat') {
       path = this.props.templateData && this.props.templateData.definition && this.props.templateData.definition.msgcontent === "RICH_MEDIA_WECHAT" ? `/wechat/richmedia/edit/${this.props.templateData._id}` : `/wechat/edit/${this.props.templateData._id}`;
     }
-    
+    console.log('final content is', content);
     return (
       <SlideBox
         header={this.props.templateData && this.props.templateData.name ? this.props.templateData.name : ''}

package/v2Components/SmsTest/index.js

@@ -23,20 +23,20 @@ class SmsTest extends React.Component { // eslint-disable-line react/prefer-stat
   }
 
   onTemplateNameChange(name) {
-    
+    console.log('Template name changed to ', name);
   }
 
   onTemplateContentChange(content) {
-    
+    console.log('Template content changed to ', content);
   }
 
   onFormDataChange(formData) {
-    
+    console.log('Form data changed is ', formData);
   }
 
   saveFormData(formData) {
     //Logic to save in db etc
-    
+    console.log('Saving form data', formData);
   }
   render() {
     const schema = {

package/v2Components/TemplatePreview/index.js

@@ -146,7 +146,7 @@ class TemplatePreview extends React.Component { // eslint-disable-line react/pre
         document.getElementById("msg_count").val = smsDetails.parts;
       }
       //smsText = this.props.intl.formatMessage(messages.previewGenerationMessage);
-      //
+      //console.log('message text', smsText);
     }
     const type = this.props.location && this.props.location.query.type ? this.props.location.query.type : '';
     let iosActions = [];

package/v2Components/Toastr/index.js

@@ -37,7 +37,7 @@ class Toastr extends React.Component { // eslint-disable-line react/prefer-state
     return (
       <StyledMessageContainer style={{ ...messagePositionConfig[this.props.position] }}>
         {this.props.messagesList.map((message) => {
-          
+          console.log('Messages', message);
           return <ToastrMessage key={message.messageId} timeout={this.props.timeout} messageId={message.messageId} title={message.title} text={message.text} type={message.type} handleMessageClose={this.closeMessagePopup} hideProgressBar={message.hideProgressBar} />;
         })}
       </StyledMessageContainer>

package/v2Containers/Assets/Gallery/sagas.js

@@ -24,7 +24,7 @@ export function* uploadAsset(file, assetType, fileParams) {
 export function* deleteAssetById(assetId, assetType) {
   try {
     const result = yield call(Api.deleteAssetById, assetId, assetType);
-    
+    console.log({"delete Asset Id": result});
     yield put({ type: types.DELETE_ASSET_SUCCESS, data: result.response });
   } catch (error) {
     yield put({ type: types.DELETE_ASSET_FAILURE, error });

package/v2Containers/Cap/actions.js

@@ -45,7 +45,7 @@ export function getUserData(callback) {
 }
 
 export function fetchSchemaForEntity(queryParams) {
-  
+  console.log('fetch schema action');
   return {
     type: types.GET_SCHEMA_FOR_ENTITY_REQUEST, queryParams,
   };

package/v2Containers/Cap/index.js

@@ -103,7 +103,7 @@ export class Cap extends React.Component { // eslint-disable-line react/prefer-s
     }
     locale = this.getMappedLocale(locale);
     //locale = 'zh';
-    
+    console.log('Setting final locale as', locale);
     moment.locale(locale);
     window.addEventListener('storage', this.handleStorageChange, false);
     document.addEventListener(
@@ -404,7 +404,7 @@ export class Cap extends React.Component { // eslint-disable-line react/prefer-s
     const type = this.props.location.query.type;
     const toastMessages = this.props.Global.messages;
     const { isCreativesAccessible, showOrgChangeModal, showRefreshModal } = this.state;
-    
+    console.log('v2 locale loading', this.props.loader.localeLoading);
     return (
       <CapWrapper>
         { this.props.loader.localeLoading || this.props.Global.fetching_userdata ?

package/v2Containers/Cap/reducer.js

@@ -82,7 +82,7 @@ function capReducer(state = fromJS(initialState.cap), action) {
         .set('fetchingSchema', false);
     case types.GET_SCHEMA_FOR_ENTITY_SUCCESS: {
       const stateMeta = state.get('metaEntities');
-      
+      console.log('stateMeta', stateMeta);
       return state
         .set('fetchingSchema', false)
         .set('metaEntities', {

package/v2Containers/Cap/sagas.js

@@ -106,9 +106,9 @@ export function* fetchUserInfo(option) {
 
 export function* fetchSchemaForEntity(queryParams) {
   try {
-    
+    console.log('saga fetch Schema For Entity', queryParams);
     const result = yield call(Api.fetchSchemaForEntity, queryParams);
-    
+    console.log('cap saga', result);
     // const sidebar = result.response.sidebar;
     yield put({ type: types.GET_SCHEMA_FOR_ENTITY_SUCCESS, data: result.response, statusCode: result.status ? result.status.code : '', entityType: queryParams.queryParams.type });
   } catch (error) {
@@ -129,7 +129,7 @@ function* getTopbarMenuData() {
 
 
 function* watchFetchSchemaForEntity() {
-  
+  console.log('inside watch get schema');
   const watcher = yield takeLatest(types.GET_SCHEMA_FOR_ENTITY_REQUEST, fetchSchemaForEntity);
   yield take(LOCATION_CHANGE);
   yield cancel(watcher);

package/v2Containers/Cap/selectors.js

@@ -31,7 +31,7 @@ const setInjectedTags = () => createSelector(
     const { tags } = metaEntities;
     const customTags = tags && (tags.custom || {});
     const extendedTags = tags && (tags.extended || {});
-    
+    console.log("selector cap: ", injectedTags, customTags, metaEntities, extendedTags);
     return (injectedTags = _.merge({}, injectedTags, customTags, extendedTags));
   }
 );

package/v2Containers/CreativesContainer/SlideBoxContent.js

@@ -137,6 +137,8 @@ function SlideBoxContent(props) {
       handleClose,
       onFTPSubmit,
       campaignSettings,
+      messageStrategy,
+      fbAdManger,
     } = props;
   const type = (messageDetails.type || '').toLowerCase(); // type is context in get tags values : outbound | dvs | referral | loyalty | coupons
   const query = { type: !isFullMode && 'embedded', module: isFullMode ? 'default' : 'library', isEditFromCampaigns: (templateData || {}).isEditFromCampaigns};
@@ -334,6 +336,7 @@ function SlideBoxContent(props) {
         slidBoxContent={slidBoxContent}
         FTPMode="create"
         selectedOfferDetails={selectedOfferDetails}
+        messageStrategy={messageStrategy}
         />
       )}
       {isPreview && (
@@ -558,7 +561,8 @@ function SlideBoxContent(props) {
             isFullMode={isFullMode}
             createNew
             getFormSubscriptionData={getFormData}
-
+            messageStrategy={messageStrategy}
+            fbAdManger={fbAdManger}
           />
         )
       }
@@ -687,5 +691,7 @@ SlideBoxContent.propTypes = {
   saveMessage: PropTypes.func,
   selectedAccount: PropTypes.object,
   onFTPSubmit: PropTypes.func,
+  messageStrategy: PropTypes.string,
+
 };
 export default SlideBoxContent;