@capillarytech/creatives-library 7.6.1 → 7.6.2

package/v2Containers/TagList/index.js

@@ -35,7 +35,7 @@ export class TagList extends React.Component { // eslint-disable-line react/pref
   }
 
   componentDidMount() {
-    console.log('tags props', this.props);
+    
   }
 
   componentWillReceiveProps(nextProps) {
@@ -43,11 +43,11 @@ export class TagList extends React.Component { // eslint-disable-line react/pref
       this.setState({loading: true});
     }
     if (!_.isEqual(nextProps.injectedTags, this.props.injectedTags)) {
-      console.log('received new tags', nextProps);
+      
       this.setState({loading: false});
     }
     if (!_.isEqual(nextProps.tags, this.props.tags)) {
-      console.log('received new tags', nextProps);
+      
       this.setState({loading: false});
     }
   }
@@ -57,7 +57,7 @@ export class TagList extends React.Component { // eslint-disable-line react/pref
   };
 
   onClick = (e, data) => {
-    console.log('clicked ', e, data);
+    
   };
 
   getTagsforContext = (data) => {
@@ -81,7 +81,7 @@ export class TagList extends React.Component { // eslint-disable-line react/pref
       } else if (tag['tag-header'] && mainTags[tag.value]) {
         mainTags[tag.value].subtags = _.concat(mainTags[tag.value].subtags, tag.subtags);
       } else if (!mainTags[tag.value]) {
-        // console.log('Inside ', tag.label);
+        // 
         mainTags[tag.value] = {
           'tag-header': true,
           "name": tag.label[userLocale] ? tag.label[userLocale] : tag.label.en,
@@ -225,7 +225,7 @@ export class TagList extends React.Component { // eslint-disable-line react/pref
     let injectedTags = {};
     if (this.props.injectedTags && !_.isEmpty(this.props.injectedTags)) {
       injectedTags = this.transformInjectedTags(this.props.injectedTags);
-      console.log('transformed injected Tags', injectedTags);
+      
     }
     if (this.props.tags && this.props.tags.length > 0) {
       tags = this.populateTags(this.props.tags);

package/v2Containers/Templates/_templates.scss

@@ -20,6 +20,32 @@
 
 .creatives-templates-list {
   .pagination-container {
+    .FACEBOOK {
+      .ant-card-body {
+        background-color: $CAP_G09;
+        height: 320px;
+      }
+    
+      &.no-image .ant-card-meta {
+        height: 276px;
+        background: $CAP_WHITE;
+        padding: $CAP_SPACE_16 $CAP_SPACE_12;
+    
+        .ant-card-meta-description {
+          height: 250px;
+          word-wrap: break-word;
+        }
+      }
+
+      &.carousel-img-section {
+        .ant-card-body {
+          padding: $CAP_SPACE_24 0;
+        }
+        .ant-card-meta {
+          padding: 0;
+        }
+      }
+    }
     .LINE {
       .ant-card-body {
         background-color: $CAP_G09;

package/v2Containers/Templates/actions.js

@@ -7,7 +7,7 @@
 import * as types from './constants';
 
 export function getAllTemplates(channel, queryParams) {
-  console.log('get all templates action trigereed', channel, queryParams);
+  // 
   return {
     type: types.GET_ALL_TEMPLATES_REQUEST, channel, queryParams,
   };
@@ -26,7 +26,7 @@ export function resetAccount() {
 }
 
 export function deleteTemplate(channel, id) {
-  console.log('delete template action trigereed', channel, id);
+  
   return {
     type: types.DELETE_TEMPLATE_REQUEST, channel, id,
   };
@@ -44,8 +44,14 @@ export function getWeCrmAccounts(source) {
   };
 }
 
+export function getAccountsSettings() {
+  return {
+    type: types.GET_ORG_LEVEL_CAMPAIGN_SETTINGS_REQUEST,
+  };
+}
+
 export function setWeChatAccount(weChatAccount) {
-  console.log('setting wechat account', weChatAccount);
+  
   return {
     type: types.SET_WECHAT_ACCOUNT,
     weChatAccount,
@@ -66,6 +72,13 @@ export function setViberAccount(viberAccount) {
   };
 }
 
+export function setFacebookAccount(faceBookAccount) {
+  return {
+    type: types.SET_FACEBOOK_ACCOUNT,
+    faceBookAccount,
+  };
+}
+
 export function handleHtmlUpload(selectedTemplate) {
   return {
     type: types.SET_SELECTED_LAYOUT,
@@ -101,7 +114,7 @@ export function setBEETemplate(template) {
   };
 }
 export function getTemplateDetails(id, channel) {
-  console.log('getting template', id, channel);
+  
   return {
     type: types.GET_TEMPLATE_DETAILS_REQUEST,
     id,
@@ -116,7 +129,7 @@ export function resetTemplateData() {
 }
 
 export function resetUploadData() {
-  console.log('clearing upload data');
+  
   return {
     type: types.RESET_UPLOAD_DATA,
   };

package/v2Containers/Templates/constants.js

@@ -44,8 +44,16 @@ export const CLEAR_TEMPLATE_STORE_DATA = "app/v2Containers/Templates/CLEAR_TEMPL
 
 export const SET_LINE_ACCOUNT = "app/v2Containers/Templates/SET_LINE_ACCOUNT";
 export const SET_VIBER_ACCOUNT = "app/v2Containers/Templates/SET_VIBER_ACCOUNT";
+export const SET_FACEBOOK_ACCOUNT = "app/v2Containers/Templates/SET_FACEBOOK_ACCOUNT";
 
 
 export const GET_DEAFULT_BEE_TEMPLATES_REQUEST = 'app/v2Containers/Templates/GET_DEAFULT_BEE_TEMPLATES_REQUEST';
 export const GET_DEAFULT_BEE_TEMPLATES_SUCCESS = 'app/v2Containers/Templates/GET_DEAFULT_BEE_TEMPLATES_SUCCESS';
 export const GET_DEAFULT_BEE_TEMPLATES_FAILURE = 'app/v2Containers/Templates/GET_DEAFULT_BEE_TEMPLATES_FAILURE';
+
+export const GET_ORG_LEVEL_CAMPAIGN_SETTINGS_REQUEST =
+  'app/v2Containers/Templates/GET_ORG_LEVEL_CAMPAIGN_SETTINGS_REQUEST';
+export const GET_ORG_LEVEL_CAMPAIGN_SETTINGS_SUCCESS =
+  'app/v2Containers/Templates/GET_ORG_LEVEL_CAMPAIGN_SETTINGS_SUCCESS';
+export const GET_ORG_LEVEL_CAMPAIGN_SETTINGS_FAILURE =
+  'app/v2Containers/Templates/GET_ORG_LEVEL_CAMPAIGN_SETTINGS_FAILURE';

package/v2Containers/Templates/index.js

@@ -42,6 +42,7 @@ import * as ebillActions from '../Ebill/actions';
 import * as emailActions from '../Email/actions';
 import * as lineActions from '../Line/Container/actions';
 import * as viberActions from '../Viber/actions';
+import * as facebookActions from '../Facebook/actions';
 
 import CardGrid from '../../v2Components/CardGrid';
 import config from '../../config/app';
@@ -57,8 +58,9 @@ import {
   CHANNEL_CREATE_TRACK_MAPPING,
   CHANNEL_EDIT_TRACK_MAPPING,
   VIBER as VIBER_CHANNEL,
+  FACEBOOK as FACEBOOK_CHANNEL,
 } from '../App/constants';
-import { MOBILE_PUSH, WECHAT, SMS, EMAIL, EBILL, LINE, VIBER } from '../CreativesContainer/constants';
+import { MOBILE_PUSH, WECHAT, SMS, EMAIL, EBILL, LINE, VIBER, FACEBOOK } from '../CreativesContainer/constants';
 
 import emailIllustration from '../Assets/images/emailIllustration.svg';
 import smsIllustration from '../Assets/images/smsIllustration.svg';
@@ -181,6 +183,11 @@ export class Templates extends React.Component { // eslint-disable-line react/pr
             this.props.actions.getWeCrmAccounts(channel);
           }
           break;
+        case FACEBOOK:
+          channel = 'Facebook';
+          activeMode = ACCOUNT_SELECTION_MODE;
+          this.props.actions.getAccountsSettings();
+          break;
         default:
           channel = '';
       }
@@ -198,7 +205,7 @@ export class Templates extends React.Component { // eslint-disable-line react/pr
     if (this.props.location.query.type === 'embedded') {
       this.props.actions.resetAccount();
     }
-    if ((['line', VIBER_CHANNEL, 'sms', 'email', 'ebill'].includes((this.state.channel || '').toLowerCase())) || ((['wechat', 'mobilepush'].includes(this.state.channel.toLowerCase()) && !isEmpty(this.props.Templates.selectedWeChatAccount)))) {
+    if ((['line', VIBER_CHANNEL, FACEBOOK_CHANNEL, 'sms', 'email', 'ebill'].includes((this.state.channel || '').toLowerCase())) || ((['wechat', 'mobilepush'].includes(this.state.channel.toLowerCase()) && !isEmpty(this.props.Templates.selectedWeChatAccount)))) {
       const queryParams = {
         // name: this.state.searchText,
         // sortBy: this.state.sortBy,
@@ -262,10 +269,14 @@ export class Templates extends React.Component { // eslint-disable-line react/pr
         channel = 'Viber';
         this.setState({defaultAccount: true});
         nextProps.actions.getWeCrmAccounts(channel);
+      } else if ( nextProps.route.name.toLowerCase() === FACEBOOK_CHANNEL) {
+        channel = 'Facebook';
+        this.setState({defaultAccount: true});
+        nextProps.actions.getAccountsSettings();
       }
 
       this.setState({ channel }, () => {
-        if (['line', VIBER_CHANNEL, 'sms', 'email', 'ebill'].includes(this.state.channel.toLowerCase()) || (this.state.channel.toLowerCase() === 'wechat' && !isEmpty(nextProps.Templates.selectedWeChatAccount))) {
+        if (['line', VIBER_CHANNEL, FACEBOOK_CHANNEL, 'sms', 'email', 'ebill'].includes(this.state.channel.toLowerCase()) || (this.state.channel.toLowerCase() === 'wechat' && !isEmpty(nextProps.Templates.selectedWeChatAccount))) {
           if (this.state.channel.toLowerCase() === 'wechat' && !isEmpty(nextProps.Templates.selectedWeChatAccount)) {
             params.wecrmId = (nextProps.Templates.selectedWeChatAccount.configs || {}).wecrm_app_id;
             params.wecrmToken = (nextProps.Templates.selectedWeChatAccount.configs || {}).wecrm_token;
@@ -286,7 +297,8 @@ export class Templates extends React.Component { // eslint-disable-line react/pr
     if ((this.state.channel || '').toLowerCase() === "mobilepush" && nextProps.Templates.selectedWeChatAccount) {
       params.accountId = nextProps.Templates.selectedWeChatAccount.id;
     }
-    if (this.state.channel.toLowerCase() === VIBER_CHANNEL && isEmpty(nextProps.Templates.selectedViberAccount)) {
+    const selectedChannel = this.state.channel.toLowerCase();
+    if (selectedChannel === VIBER_CHANNEL && isEmpty(nextProps.Templates.selectedViberAccount)) {
       let selectedAccount = '';
       if (isEmpty(nextProps.Templates.weCrmAccounts)) {
         return;
@@ -302,6 +314,31 @@ export class Templates extends React.Component { // eslint-disable-line react/pr
         this.getAllTemplates({params});
       });
     }
+
+    if (selectedChannel === FACEBOOK_CHANNEL && isEmpty(nextProps.Templates.selectedFacebookAccount)) {
+      if (isEmpty(nextProps.Templates.campaignSettings)) {
+        return;
+      }
+      const fbSetting = get(nextProps.Templates, 'campaignSettings.accountSettings.socialAccountSettings.facebookAccountSettings', []);
+      const { accountName = "",
+         orgUnitFacebookPageSettingsMap = {},
+        } = fbSetting[0] || {};
+      let pageAccessToken = false;
+      if (!isEmpty(orgUnitFacebookPageSettingsMap)) {
+        Object.values(orgUnitFacebookPageSettingsMap).forEach((obj) => {
+          if (obj.pageAccessToken) {
+            pageAccessToken = true;
+          }
+        });
+        if (!pageAccessToken) {
+          return;
+        }
+        this.setState({selectedAccount: accountName}, () => {
+          this.props.actions.setFacebookAccount(fbSetting[0]);
+          this.getAllTemplates({params});
+        });
+      }
+    }
     if ((this.state.channel.toLowerCase() === 'wechat' || this.state.channel.toLowerCase() === 'mobilepush') && isEmpty(nextProps.Templates.selectedWeChatAccount) && (this.props.location.query.type === 'embedded') && !this.isEnabledInLibraryModule("showAccountSelection")) {
       let selectedAccount = '';
       if (isEmpty(nextProps.Templates.weCrmAccounts)) {
@@ -374,6 +411,8 @@ export class Templates extends React.Component { // eslint-disable-line react/pr
           this.props.lineActions.clearCreateResponse();
         } else if (this.state.channel.toLowerCase() === VIBER_CHANNEL) {
           this.props.viberActions.clearCreateResponse();
+        } else if (this.state.channel.toLowerCase() === FACEBOOK_CHANNEL) {
+          this.props.facebookActions.clearCreateResponse();
         }
       }
     }
@@ -383,7 +422,7 @@ export class Templates extends React.Component { // eslint-disable-line react/pr
     }
     if (!nextProps.Templates.deleteTemplateInProgress && !isEqual(nextProps.Templates.deleteTemplateInProgress, this.props.Templates.deleteTemplateInProgress) &&
     nextProps.Templates.deleteResponse) {
-      const message = `${this.state.channel.toUpperCase()} ${this.props.intl.formatMessage(messages['Template deleted successfully'])}`;
+      const message = `${this.state.channel} ${this.props.intl.formatMessage(messages['Template deleted successfully'])}`;
       CapNotification.success({key: 'deleteSucess', message});
       this.getAllTemplates({params, resetPage: true});
     }
@@ -472,7 +511,7 @@ export class Templates extends React.Component { // eslint-disable-line react/pr
       }
 
       this.setState({activeMode: TEMPLATES_MODE});
-      console.log("getAllTemplates params: ", params);
+      
       this.getAllTemplates({params, resetPage: true});
     });
   }
@@ -667,6 +706,27 @@ export class Templates extends React.Component { // eslint-disable-line react/pr
         case WECHAT:
           templateData.content = this.prepareWeChatPreviewData(template);
           break;
+        case FACEBOOK:
+          const { FacebookAd = {} } = get(template.versions.base, 'content', {});
+          const isCarousel = get(FacebookAd, '[0].type', '') === 'CAROUSEL';
+          const fbAdImages = Object.values(FacebookAd).map((obj) => {
+            if (obj.subType === "VIDEO") {
+              return {url: obj.video.previewImageUrl};
+            }
+            return {url: obj.imgSrc};
+          });
+          templateData.content = (<div style={{ display: 'flex'}}>{
+            (fbAdImages.map((img) => <img
+              width={208}
+              height={279}
+              src={img.url}
+              alt={"test"}
+              key={`${img.url}_`}
+            /> ))
+            }
+          </div>);
+          templateData.className = isCarousel ? 'carousel-img-section' : '';
+          break;
         case LINE: {
           const {
             content: {
@@ -750,7 +810,13 @@ export class Templates extends React.Component { // eslint-disable-line react/pr
         {!isLoading && <div>
           {!isEmpty(filteredTemplates) || !isEmpty(this.state.searchText) || !isEmpty(this.props.Templates.templateError) ? (
             <div className={!isEmpty(this.state.searchText) && isEmpty(cardDataList) ? '' : "pagination-container"}>
-              <CapCustomCardList key={`${currentChannel}-card-list`} cardList={cardDataList} type={currentChannel} style={{marginLeft: '16px'}}/>
+              <CapCustomCardList
+                key={`${currentChannel}-card-list`}
+                cardList={cardDataList}
+                type={currentChannel}
+                style={{marginLeft: '16px'}}
+                fbType={"list"}
+                />
             </div>)
             : ['sms', "email"].includes(this.state.channel.toLowerCase()) && <CapIllustration buttonClassName={`create-new-${channelLowerCase}`} {...this.getChannelTypeIllustrationInfo(currentChannel)} />
           }
@@ -1242,6 +1308,15 @@ export class Templates extends React.Component { // eslint-disable-line react/pr
           this.props.viberActions.clearCreateResponse();
         }
       });
+    } else if (this.state.channel.toLowerCase() === FACEBOOK_CHANNEL) {
+      this.props.facebookActions.createTemplate(duplicateObj, (response) => {
+        if (response && response.templateId) {
+          const message = `${this.state.channel} ${this.props.intl.formatMessage(messages.templateDuplicateSuccess)}`;
+          CapNotification.success({key: 'duplicateSucess', message});
+          this.getAllTemplates({params, resetPage: true});
+          this.props.facebookActions.clearCreateResponse();
+        }
+      });
     }
   }
 
@@ -1326,6 +1401,9 @@ export class Templates extends React.Component { // eslint-disable-line react/pr
     if (this.state.channel.toLowerCase() === VIBER_CHANNEL) {
       pathName = `/viber/edit/${id}/`;
     }
+    if (this.state.channel.toLowerCase() === FACEBOOK_CHANNEL) {
+      pathName = `/facebook/edit/${id}/`;
+    }
     if (this.state.channel.toUpperCase() === WECHAT) {
       if (get(template, 'definition.msgcontent', '') === "RICH_MEDIA_WECHAT") {
         pathName = `/wechat/richmedia/edit/${id}`;
@@ -1625,6 +1703,8 @@ export class Templates extends React.Component { // eslint-disable-line react/pr
     const lineLoader = (getAllTemplatesInProgress && this.state.channel.toLowerCase() === 'line');
     const smsLoader = (getAllTemplatesInProgress && this.state.channel.toLowerCase() === 'sms');
     const viberLoader = (getAllTemplatesInProgress && this.state.channel.toLowerCase() === VIBER_CHANNEL);
+    const facebookLoader = (getAllTemplatesInProgress && this.state.channel.toLowerCase() === FACEBOOK_CHANNEL);
+
     const wechatLoader = (((this.state.selectedAccount !== '' && getAllTemplatesInProgress) || (fetchingWeCrmAccounts)) && this.state.channel.toLowerCase() === 'wechat');
     const mobilePushLoader = (((getAllTemplatesInProgress) || (fetchingWeCrmAccounts)) && this.state.channel.toLowerCase() === 'mobilepush');
     const emailLoader = (
@@ -1639,6 +1719,7 @@ export class Templates extends React.Component { // eslint-disable-line react/pr
       (ebillLoader !== undefined ? ebillLoader : false) ||
       (mobilePushLoader !== undefined ? mobilePushLoader : false) ||
       (lineLoader !== undefined ? lineLoader : false) ||
+      (facebookLoader !== undefined ? facebookLoader : false) ||
       (viberLoader !== undefined ? viberLoader : false);
     return isLoading;
   }
@@ -1716,7 +1797,7 @@ export class Templates extends React.Component { // eslint-disable-line react/pr
     channel = channel.toUpperCase();
     const { Templates: templates = {}, location = {} } = this.props;
     const { query = {} } = location;
-    const { weCrmAccounts = [], fetchingWeCrmAccounts = false } = templates;
+    const { weCrmAccounts = [], fetchingWeCrmAccounts = false, campaignSettings = {} } = templates;
     const isWechatChannel = channel === WECHAT;
     const isMobilePushChannel = channel === MOBILE_PUSH;
     const isLineChannel = channel === LINE;
@@ -1784,11 +1865,31 @@ export class Templates extends React.Component { // eslint-disable-line react/pr
         noAccountHeader = messages.noAccountsPresentViber;
         break;
       }
+      case FACEBOOK: {
+        noAccountHeader = messages.noAccountsPresentFacebook;
+        break;
+      }
       default:
         break;
     }
+    let showNoAccountHeader = isEmpty(weCrmAccounts) && !fetchingWeCrmAccounts;
+    if (channel === FACEBOOK && !isEmpty(campaignSettings) ) {
+      const fbSetting = get(campaignSettings, 'accountSettings.socialAccountSettings.facebookAccountSettings', []);
+      const { orgUnitFacebookPageSettingsMap } = fbSetting[0] || {};
+      let pageAccessToken = false;
+      if (!isEmpty(orgUnitFacebookPageSettingsMap)) {
+        Object.values(orgUnitFacebookPageSettingsMap).forEach((obj) => {
+          if (obj.pageAccessToken) {
+            pageAccessToken = true;
+          }
+        });
+        showNoAccountHeader = !pageAccessToken;
+      } else {
+        showNoAccountHeader = true;
+      }
+    }
     return (<CapSpin spinning={fetchingWeCrmAccounts}>
-      {isEmpty(weCrmAccounts) && !fetchingWeCrmAccounts ? <FormattedMessage {...noAccountHeader} /> :
+      {showNoAccountHeader ? <FormattedMessage {...noAccountHeader} /> :
       <div style={{ overflowX: "auto", paddingBottom: CAP_SPACE_16 }}>
         <CapHeader
           title={accountHeader}
@@ -1842,11 +1943,36 @@ export class Templates extends React.Component { // eslint-disable-line react/pr
   render() {
     const isFullMode = this.isFullMode();
     const { activeMode, channel, wechatFilter, lineFilter } = this.state;
-    const showForViber = (channel.toLowerCase() !== VIBER_CHANNEL ||
-      (channel.toLowerCase() === VIBER_CHANNEL && !this.props.isFullMode && isEmpty(get(this.props, 'Templates.selectedViberAccount', {}))));
+    let showForFacebook = true;
+    if (channel.toLowerCase() === FACEBOOK_CHANNEL) {
+      if (isEmpty(this.props.Templates.campaignSettings)) {
+        showForFacebook = false;
+      }
+      const fbSetting = get(this.props.Templates, 'campaignSettings.accountSettings.socialAccountSettings.facebookAccountSettings', []);
+      const { orgUnitFacebookPageSettingsMap = {} } = fbSetting[0] || {};
+      let pageAccessToken = false;
+      if (!isEmpty(orgUnitFacebookPageSettingsMap)) {
+        Object.values(orgUnitFacebookPageSettingsMap).forEach((obj) => {
+          if (obj.pageAccessToken) {
+            pageAccessToken = true;
+          }
+        });
+        if (!pageAccessToken) {
+          showForFacebook = false;
+        }
+      }
+    }
+    const showForViber = (![VIBER_CHANNEL, FACEBOOK_CHANNEL].includes(channel.toLowerCase()) ||
+      (channel.toLowerCase() === VIBER_CHANNEL && !this.props.isFullMode && isEmpty(get(this.props, 'Templates.selectedViberAccount', {}))) ||
+      (channel.toLowerCase() === FACEBOOK_CHANNEL && showForFacebook)
+    );
+
+
     if (activeMode === ACCOUNT_SELECTION_MODE && showForViber ) {
       return this.renderAccountSelection();
     }
+
+
     const pageHeader = "";
     const pageHeaderDvs = "";
     const isLoading = this.isLoading();
@@ -2058,6 +2184,7 @@ Templates.propTypes = {
   handlePeviewTemplate: PropTypes.func,
   router: PropTypes.object,
   viberActions: PropTypes.object,
+  facebookActions: PropTypes.object,
 };
 
 const mapStateToProps = createStructuredSelector({
@@ -2084,6 +2211,7 @@ function mapDispatchToProps(dispatch) {
     globalActions: bindActionCreators(globalActions, dispatch),
     lineActions: bindActionCreators(lineActions, dispatch),
     viberActions: bindActionCreators(viberActions, dispatch),
+    facebookActions: bindActionCreators(facebookActions, dispatch),
   };
 }
 

package/v2Containers/Templates/messages.js

@@ -358,16 +358,20 @@ export default defineMessages({
     id: `${scope}.richMediaTemplates`,
     defaultMessage: 'Rich media templates',
   },
-  deletingTemplate: {
+  "deletingTemplate": {
     id: `${scope}.deletingTemplate`,
     defaultMessage: 'Deleting template...',
   },
-  duplicatingTemplate: {
+  "duplicatingTemplate": {
     id: `${scope}.duplicatingTemplate`,
-    defaultMessage: 'Duplicating template...'
+    defaultMessage: 'Duplicating template...',
   },
-  noAccountsPresentViber: {
+  "noAccountsPresentViber": {
     id: `${scope}.noAccountsPresentViber`,
     defaultMessage: "Viber accounts are not setup for your brand",
   },
+  "noAccountsPresentFacebook": {
+    id: `${scope}.noAccountsPresentFacebook`,
+    defaultMessage: "Facebook accounts or Facebook Page are not setup for your brand",
+  },
 });

package/v2Containers/Templates/reducer.js

@@ -9,10 +9,18 @@ import * as types from './constants';
 
 const initialState = fromJS({
   getAllTemplatesInProgress: false,
+  fetchingOrgLevelCampaignSettings: true,
   templates: [],
   deleteResponse: {},
   deleteTemplateInProgress: false,
   templateError: {},
+  campaignSettings: {
+    messageSettings: {
+      enableLinkTracking: false,
+    },
+    alertsSettings: {},
+    reportsSettings: {},
+  },
 });
 
 function templatesReducer(state = initialState, action) {
@@ -75,6 +83,8 @@ function templatesReducer(state = initialState, action) {
       return state.set('selectedLineAccount', fromJS(action.lineAccount));
     case types.SET_VIBER_ACCOUNT:
       return state.set('selectedViberAccount', fromJS(action.viberAccount));
+    case types.SET_FACEBOOK_ACCOUNT:
+      return state.set('selectedFacebookAccount', fromJS(action.faceBookAccount));
     case types.RESET_ACCOUNT:
       return state
         .remove('selectedWeChatAccount')
@@ -147,6 +157,18 @@ function templatesReducer(state = initialState, action) {
       return state
         .set('templates', [])
         .set('weCRMtemplates', fromJS({}));
+    case types.GET_ORG_LEVEL_CAMPAIGN_SETTINGS_REQUEST:
+      return state.set('fetchingOrgLevelCampaignSettings', true);
+    case types.GET_ORG_LEVEL_CAMPAIGN_SETTINGS_SUCCESS:
+      return state.set('fetchingOrgLevelCampaignSettings', false).set(
+          'campaignSettings',
+          fromJS({
+            ...state.get('campaignSettings'),
+            ...(action.result || {}).entity,
+          }),
+        );
+    case types.GET_ORG_LEVEL_CAMPAIGN_SETTINGS_FAILURE:
+      return state.set('fetchingOrgLevelCampaignSettings', false);
     default:
       return state;
   }

package/v2Containers/Templates/sagas.js

@@ -1,4 +1,4 @@
-import { call, put, takeLatest, take, cancel } from 'redux-saga/effects';
+import { call, put, takeLatest, take, cancel, select } from 'redux-saga/effects';
 import { LOCATION_CHANGE } from 'react-router-redux';
 // import { schema, normalize } from 'normalizr';
 import * as Api from '../../services/api';
@@ -73,6 +73,30 @@ export function* fetchWeCrmAccounts(action) {
   }
 }
 
+export function* getOrgLevelCampaignSettings() {
+  try {
+    const result = yield call(Api.getOrgLevelCampaignSettings);
+    yield put({
+      type: types.GET_ORG_LEVEL_CAMPAIGN_SETTINGS_SUCCESS,
+      result,
+    });
+  } catch (error) {
+    yield put({ type: types.GET_ORG_LEVEL_CAMPAIGN_SETTINGS_FAILURE, error });
+  }
+}
+
+export function* watchGetOrgLevelCampaignSettings() {
+  const watcher = yield takeLatest(
+    types.GET_ORG_LEVEL_CAMPAIGN_SETTINGS_REQUEST,
+    getOrgLevelCampaignSettings,
+  );
+  yield take(LOCATION_CHANGE);
+  const store = yield select();
+  if (!store.getIn(['router', 'location', 'pathname']).includes('/settings/')) {
+    yield cancel(watcher);
+  }
+}
+
 export function* sendZippedFile({selectedFile, errorHandler, successHandler}) {
   let errorMessage = "";
   try {
@@ -82,7 +106,7 @@ export function* sendZippedFile({selectedFile, errorHandler, successHandler}) {
       yield errorHandler(errorMessage);
     }
 
-    console.log("Got Result ", result);
+    
     console.log("Got decoded result", decodeURIComponent(result.response.metaEntity.htmlContent));
     yield [
       put({
@@ -104,7 +128,7 @@ export function* sendZippedFile({selectedFile, errorHandler, successHandler}) {
 
 export function* getDefaultBeeTemplates() {
   try {
-    console.log('saga getAllTemplates');
+    
     const result = yield call(Api.getDefaultBeeTemplates);
     const edmTemplates = result.response;
     yield put({ type: types.GET_DEAFULT_BEE_TEMPLATES_SUCCESS, data: edmTemplates });
@@ -115,7 +139,7 @@ export function* getDefaultBeeTemplates() {
 
 export function* getTemplateDetails(id, channel) {
   try {
-    console.log('saga get Template details', id);
+    
     const result = yield call(Api.getTemplateDetails, id, channel);
     // const sidebar = result.response.sidebar;
     yield put({ type: types.GET_TEMPLATE_DETAILS_SUCCESS, data: result.response });
@@ -143,7 +167,7 @@ function* watchGetUserList() {
 }
 
 function* watchFetchWeCrmAccounts() {
-  console.log('watching wecrm accounts');
+  
   const watcher = yield takeLatest(types.GET_WECRM_ACCOUNTS_REQUEST, fetchWeCrmAccounts);
   yield take(LOCATION_CHANGE);
   yield cancel(watcher);
@@ -176,4 +200,5 @@ export default [
   watchSendingFile,
   watchGetDefaultBeeTemplates,
   watchGetTemplateDetails,
+  watchGetOrgLevelCampaignSettings,
 ];