@capillarytech/creatives-library 7.5.9 → 7.6.1

package/v2Containers/Line/Container/Video/index.js

@@ -46,6 +46,7 @@ export const LineVideo = ({
   updateUploadedAssetList,
   deleteUploadedImgList,
 }) => {
+
   if (activeKey !== 'video') {
     return null;
   }
@@ -117,7 +118,7 @@ export const LineVideo = ({
       updateVideoDuration(videoDuration);
       updateActionUrl(linkUri || actionUrl);
       updateActionLabel(videoActionLabel);
-      updateSelectedAction(selectedAction || (videoActionLabel ? DISPLAY_ACTION_BUTTON : HIDE_ACTION_BUTTON));
+      updateSelectedAction(selectedAction || (!!videoActionLabel ? DISPLAY_ACTION_BUTTON : HIDE_ACTION_BUTTON));
       updateTitle(altText);
       if (videoPreviewUrl) {
         updateImagePreview(videoPreviewUrl);
@@ -223,9 +224,11 @@ export const LineVideo = ({
         messageType: 'videoSrc',
       });
     }
-  };
+  }
 
-  const checkAction = useCallback((label = actionLabel, url = actionUrl, type = selectedAction) => type === DISPLAY_ACTION_BUTTON ? (url && label && !updateActionLabelError(label) && !updateActionUrlError(url)) : true, [actionLabel, actionUrl, selectedAction]);
+  const checkAction = useCallback((label = actionLabel, url = actionUrl, type = selectedAction) => {
+    return type === DISPLAY_ACTION_BUTTON ? (url && label && !updateActionLabelError(label) && !updateActionUrlError(url)) : true;
+  }, [actionLabel, actionUrl, selectedAction]);
 
   const submitVideoAction = useCallback((data, incorrectFile) => {
     const {
@@ -302,7 +305,7 @@ export const LineVideo = ({
       selectedAction,
       messageType: 'videoSrc',
     });
-  };
+  }
 
   const onReUpload = () => {
     updateVideoStatus(false);
@@ -329,24 +332,24 @@ export const LineVideo = ({
       selectedAction,
       messageType: 'videoSrc',
     });
-  };
+  }
 
   const onSelectTemplate = useCallback((event) => {
     event.stopPropagation();
     updateTemplateDrawerRequirement(true);
-  }, []);
+  }, [])
 
   const playVideo = (e) => {
     if (e.target.paused && !isPlaying) {
       e.target.play();
     }
-  };
+  } 
 
   const pauseVideo = (e) => {
     if (!e.target.paused && isPlaying) {
       e.target.pause();
     }
-  };
+  }
 
   const getVideoSection = () => {
     if (!isVideo) {
@@ -409,7 +412,7 @@ export const LineVideo = ({
             onMouseOut={pauseVideo}
             ref={videoEl}
           >
-            <source src={videoSrc} type="video/mp4" />
+              <source src={videoSrc} type="video/mp4" />
           </video>
           <div style={{ marginLeft: CAP_SPACE_24 }}>
             <CapHeading type="h6">
@@ -422,7 +425,7 @@ export const LineVideo = ({
         </div>
       </Fragment>
     );
-  };
+  }
 
   const onTitleChange = ({ target: { value } }) => {
     updateTitle(value);
@@ -448,7 +451,7 @@ export const LineVideo = ({
       selectedAction,
       messageType: 'videoSrc',
     });
-  };
+  }
 
   const onChangeSelectedAction = () => {
     event.stopPropagation();
@@ -471,7 +474,7 @@ export const LineVideo = ({
       selectedAction: value,
       messageType: 'videoSrc',
     });
-  };
+  }
 
   const updateActionLabelError = (value = '') => {
     if (value.length > MAX_ACTION_LABEL_LENGTH) {
@@ -483,7 +486,7 @@ export const LineVideo = ({
     } else {
       updateActionLabelErrorMessage();
     }
-  };
+  }
 
   const updateActionUrlError = (value) => {
     if (value === '') {
@@ -495,7 +498,7 @@ export const LineVideo = ({
     } else {
       updateActionUrlErrorMessage();
     }
-  };
+  }
 
   const onActionLabelChange = ({ target: { value } }) => {
     updateActionLabel(value);
@@ -517,7 +520,7 @@ export const LineVideo = ({
       selectedAction,
       messageType: 'videoSrc',
     });
-  };
+  }
 
   const onActionUrlChange = ({ target: { value } }) => {
     updateActionUrl(value);
@@ -539,9 +542,10 @@ export const LineVideo = ({
       selectedAction,
       messageType: 'videoSrc',
     });
-  };
+  }
 
-  const getActionSection = () => (
+  const getActionSection = () => {
+    return (
       <>
         <CapHeading type="h6" style={{ marginTop: CAP_SPACE_12 }}>
           <FormattedMessage {...messages.actionButtonLabel} />
@@ -554,12 +558,12 @@ export const LineVideo = ({
           options={[
             {
               label: 'Hide',
-              value: HIDE_ACTION_BUTTON,
+              value: HIDE_ACTION_BUTTON
             },
             {
               label: 'Display',
-              value: DISPLAY_ACTION_BUTTON,
-            },
+              value: DISPLAY_ACTION_BUTTON
+            }
           ]}
         />
         {
@@ -589,18 +593,18 @@ export const LineVideo = ({
             : null
         }
       </>
-    );
+    )
+  }
 
   const getLineVideoSection = () => {
     if (!isCreateNew) {
       return (
-        <div
-          className="form-builder-dragger" style={{
-            textAlign: 'center',
-            border: `1px dashed ${CAP_G06}`,
-            minHeight: 120,
-            padding: 60,
-          }}>
+        <div className="form-builder-dragger" style={{
+          textAlign: 'center',
+          border: `1px dashed ${CAP_G06}`,
+          minHeight: 120,
+          padding: 60
+        }}>
           <CapHeader
             className="choice-title"
             size="regular"
@@ -630,8 +634,7 @@ export const LineVideo = ({
           >
             <FormattedMessage {...messages.textMessageSelectTemplate} />
           </CapButton>
-        </div>
-      );
+        </div>);
     } else {
       return (
         <>
@@ -649,7 +652,7 @@ export const LineVideo = ({
         </>
       );
     }
-  };
+  }
 
   const setNewContent = useCallback(() => updateCreateNew(true), []);
 
@@ -685,9 +688,9 @@ export const LineVideo = ({
     updateVideoDuration(videoDuration);
     updateActionUrl(linkUri);
     updateActionLabel(label);
-    updateSelectedAction(label ? DISPLAY_ACTION_BUTTON : HIDE_ACTION_BUTTON);
+    updateSelectedAction(!!label ? DISPLAY_ACTION_BUTTON : HIDE_ACTION_BUTTON);
     updateTitle(altText);
-  };
+  }
 
   const getLineVideoDrawerContent = () => {
     const lineTextTemplates = Templates.templates;
@@ -696,8 +699,8 @@ export const LineVideo = ({
     }
 
     const cardDataList = [];
-    lineTextTemplates.forEach((template) => {
-      const templateData = {};
+    lineTextTemplates.forEach(template => {
+      let templateData = {};
       const {
         content: {
           messages: [{
@@ -777,7 +780,7 @@ export const LineVideo = ({
         />
       </form>
     </div>
-  );
-};
+  )
+}
 
-export default injectIntl(withStyles(LineVideo, style));
+export default injectIntl(withStyles(LineVideo, style));

package/v2Containers/Templates/_templates.scss

@@ -20,32 +20,6 @@
 
 .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);
+  console.log('get all templates action trigereed', channel, queryParams);
   return {
     type: types.GET_ALL_TEMPLATES_REQUEST, channel, queryParams,
   };
@@ -44,12 +44,6 @@ 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 {
@@ -72,13 +66,6 @@ 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,

package/v2Containers/Templates/constants.js

@@ -44,16 +44,8 @@ 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,7 +42,6 @@ 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';
@@ -58,9 +57,8 @@ 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, FACEBOOK } from '../CreativesContainer/constants';
+import { MOBILE_PUSH, WECHAT, SMS, EMAIL, EBILL, LINE, VIBER } from '../CreativesContainer/constants';
 
 import emailIllustration from '../Assets/images/emailIllustration.svg';
 import smsIllustration from '../Assets/images/smsIllustration.svg';
@@ -183,11 +181,6 @@ 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 = '';
       }
@@ -205,7 +198,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, FACEBOOK_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, '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,
@@ -269,14 +262,10 @@ 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, FACEBOOK_CHANNEL, 'sms', 'email', 'ebill'].includes(this.state.channel.toLowerCase()) || (this.state.channel.toLowerCase() === 'wechat' && !isEmpty(nextProps.Templates.selectedWeChatAccount))) {
+        if (['line', VIBER_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;
@@ -297,8 +286,7 @@ 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;
     }
-    const selectedChannel = this.state.channel.toLowerCase();
-    if (selectedChannel === VIBER_CHANNEL && isEmpty(nextProps.Templates.selectedViberAccount)) {
+    if (this.state.channel.toLowerCase() === VIBER_CHANNEL && isEmpty(nextProps.Templates.selectedViberAccount)) {
       let selectedAccount = '';
       if (isEmpty(nextProps.Templates.weCrmAccounts)) {
         return;
@@ -314,31 +302,6 @@ 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)) {
@@ -411,8 +374,6 @@ 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();
         }
       }
     }
@@ -422,7 +383,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} ${this.props.intl.formatMessage(messages['Template deleted successfully'])}`;
+      const message = `${this.state.channel.toUpperCase()} ${this.props.intl.formatMessage(messages['Template deleted successfully'])}`;
       CapNotification.success({key: 'deleteSucess', message});
       this.getAllTemplates({params, resetPage: true});
     }
@@ -706,27 +667,6 @@ 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: {
@@ -810,13 +750,7 @@ 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'}}
-                fbType={"list"}
-                />
+              <CapCustomCardList key={`${currentChannel}-card-list`} cardList={cardDataList} type={currentChannel} style={{marginLeft: '16px'}}/>
             </div>)
             : ['sms', "email"].includes(this.state.channel.toLowerCase()) && <CapIllustration buttonClassName={`create-new-${channelLowerCase}`} {...this.getChannelTypeIllustrationInfo(currentChannel)} />
           }
@@ -1308,15 +1242,6 @@ 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();
-        }
-      });
     }
   }
 
@@ -1401,9 +1326,6 @@ 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}`;
@@ -1703,8 +1625,6 @@ 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 = (
@@ -1719,7 +1639,6 @@ 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;
   }
@@ -1797,7 +1716,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, campaignSettings = {} } = templates;
+    const { weCrmAccounts = [], fetchingWeCrmAccounts = false } = templates;
     const isWechatChannel = channel === WECHAT;
     const isMobilePushChannel = channel === MOBILE_PUSH;
     const isLineChannel = channel === LINE;
@@ -1865,31 +1784,11 @@ 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}>
-      {showNoAccountHeader ? <FormattedMessage {...noAccountHeader} /> :
+      {isEmpty(weCrmAccounts) && !fetchingWeCrmAccounts ? <FormattedMessage {...noAccountHeader} /> :
       <div style={{ overflowX: "auto", paddingBottom: CAP_SPACE_16 }}>
         <CapHeader
           title={accountHeader}
@@ -1943,15 +1842,11 @@ 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 = (![VIBER_CHANNEL, FACEBOOK_CHANNEL].includes(channel.toLowerCase()) ||
-      (channel.toLowerCase() === VIBER_CHANNEL && !this.props.isFullMode && isEmpty(get(this.props, 'Templates.selectedViberAccount', {}))) ||
-      (channel.toLowerCase() === FACEBOOK_CHANNEL && isEmpty(get(this.props, 'Templates.selectedFacebookAccount', {})))
-    );
+    const showForViber = (channel.toLowerCase() !== VIBER_CHANNEL ||
+      (channel.toLowerCase() === VIBER_CHANNEL && !this.props.isFullMode && isEmpty(get(this.props, 'Templates.selectedViberAccount', {}))));
     if (activeMode === ACCOUNT_SELECTION_MODE && showForViber ) {
       return this.renderAccountSelection();
     }
-
-
     const pageHeader = "";
     const pageHeaderDvs = "";
     const isLoading = this.isLoading();
@@ -2163,7 +2058,6 @@ Templates.propTypes = {
   handlePeviewTemplate: PropTypes.func,
   router: PropTypes.object,
   viberActions: PropTypes.object,
-  facebookActions: PropTypes.object,
 };
 
 const mapStateToProps = createStructuredSelector({
@@ -2190,7 +2084,6 @@ 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,20 +358,16 @@ 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,18 +9,10 @@ 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) {
@@ -83,8 +75,6 @@ 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')
@@ -157,18 +147,6 @@ 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;
   }