@capillarytech/creatives-library 7.5.9 → 7.6.1

package/config/app.js

@@ -5,7 +5,6 @@ const config = {
   production: {
     api_endpoint: '/arya/api/v1/creatives',
     campaigns_api_endpoint: '/iris/v2/campaigns',
-    campaigns_api_org_endpoint: '/iris/v2/org/campaign',
     auth_endpoint: '/arya/api/v1/auth',
     arya_endpoint: '/arya/api/v1',
     login_url: '/auth/login',
@@ -18,7 +17,6 @@ const config = {
   development: {
     api_endpoint: 'https://crm-nightly-new.cc.capillarytech.com/arya/api/v1/creatives',
     campaigns_api_endpoint: 'https://crm-nightly-new.cc.capillarytech.com/iris/v2/campaigns',
-    campaigns_api_org_endpoint: 'https://crm-nightly-new.cc.capillarytech.com/iris/v2/org/campaign',
     auth_endpoint: 'https://crm-nightly-new.cc.capillarytech.com/arya/api/v1/auth',
     arya_endpoint: 'https://crm-nightly-new.cc.capillarytech.com/arya/api/v1',
     subscription_api_endpoint: 'https://crm-nightly-new.cc.capillarytech.com/arya/api/v1/org-settings/subscription',

package/index.js

@@ -75,10 +75,6 @@ import viberSaga from './v2Containers/Viber/sagas';
 
 import TemplatesV2 from './v2Containers/TemplatesV2/index';
 
-import FacebookPreview from './v2Containers/CapFacebookPreview';
-import FacebookPreviewReducer from './v2Containers/CapFacebookPreview/reducer';
-import FacebookPreviewSaga from './v2Containers/CapFacebookPreview/sagas';
-
 import CreativesContainer from './v2Containers/CreativesContainer';
 import CreativesContainerReducer from './v2Containers/CreativesContainer/reducer';
 import { updateCharCount } from './utils/smsCharCountV2';
@@ -105,7 +101,6 @@ const LineCreateContainer = {LineCreate, lineCreateReducer, lineCreateSaga};
 const TemplatesV2Container = {TemplatesV2, templateReducer, templateSaga};
 const FacebookContainer = {Facebook, facebookReducer, facebookSaga};
 const ViberContainer = {Viber, viberReducer, viberSaga};
-const FacebookPreviewContainer = { FacebookPreview, FacebookPreviewReducer, FacebookPreviewSaga };
 
 const GalleryContainer = {Gallery, galleryReducer, gallerySagas};
 const FTPContainer = {FTP, FTPReducer, FTPSagas};
@@ -150,5 +145,4 @@ export { CapContainer,
   GalleryContainer,
   FTPContainer,
   ViberContainer,
-  FacebookPreviewContainer,
 };

package/package.json

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

package/reducers.js

@@ -9,7 +9,7 @@ import { LOCATION_CHANGE } from 'react-router-redux';
 
 import languageProviderReducer from 'v2Containers/LanguageProvider/reducer';
 import beeEditorReducer from 'v2Containers/BeeEditor/reducer';
-import CapFacebookPreviewReducer from 'v2Containers/CapFacebookPreview/reducer';
+
 
 import capReducer from 'containers/Cap/reducer';
 import appReducer from 'containers/App/reducer';
@@ -64,7 +64,6 @@ export default function createReducer(asyncReducers) {
     email: emailReducer,
     ebill: ebillReducer,
     beeEditor: beeEditorReducer,
-    facebookPreview: CapFacebookPreviewReducer,
     FTP: ftpReducer,
     ...asyncReducers,
   });

package/routes.js

@@ -637,8 +637,6 @@ export default function createRoutes(store) {
           import('v2Containers/Line/Container/reducer'),
           import('v2Containers/Viber/sagas'),
           import('v2Containers/Viber/reducer'),
-          import('v2Containers/CapFacebookPreview/sagas'),
-          import('v2Containers/CapFacebookPreview/reducer'),
         ]);
 
         const renderRoute = loadModule(cb);
@@ -660,7 +658,6 @@ export default function createRoutes(store) {
           facebookSagas, facebookReducer,
           lineCreateSagas, lineCreateReducer,
           viberSagas, viberReducer,
-          capFacebookPreviewSagas, capFacebookPreviewReducer,
         ]) => {
           injectReducer('templates', reducer.default);
           injectReducer('cap', capReducer.default);
@@ -678,7 +675,6 @@ export default function createRoutes(store) {
           injectReducer('facebook', facebookReducer.default);
           injectReducer('lineCreate', lineCreateReducer.default);
           injectReducer('viber', viberReducer.default);
-          injectReducer('facebookPreview', capFacebookPreviewReducer.default);
           injectSagas(gallerySagas.default);
           injectSagas(sagas.default);
           injectSagas(capSagas.default);
@@ -695,7 +691,6 @@ export default function createRoutes(store) {
           injectSagas(facebookSagas.default);
           injectSagas(lineCreateSagas.default);
           injectSagas(viberSagas.default);
-          injectSagas(capFacebookPreviewSagas.default);
           renderRoute(component);
         });
         importModules.catch(errorLoading);

package/services/api.js

@@ -11,15 +11,12 @@ import { GA } from '@capillarytech/cap-ui-utils';
 let API_ENDPOINT = config.development.api_endpoint;
 let EXPORT_API_ENDPOINT = config.development.exports_api_endpoint;
 let CAMPAIGNS_API_ENDPOINT = config.development.campaigns_api_endpoint;
-let CAMPAIGNS_API_ORG_ENDPOINT = config.development.campaigns_api_org_endpoint;
-
 let API_AUTH_ENDPOINT = config.development.auth_endpoint;
 let ARYA_ENDPOINT = config.development.arya_endpoint;
 let SUBSCRIPTION_API_ENDPOINT = config.development.subscription_api_endpoint;
 if (process.env.NODE_ENV === 'production') {
   API_ENDPOINT = config.production.api_endpoint;
   CAMPAIGNS_API_ENDPOINT = config.production.campaigns_api_endpoint;
-  CAMPAIGNS_API_ORG_ENDPOINT = config.production.campaigns_api_org_endpoint;
   API_AUTH_ENDPOINT = config.production.auth_endpoint;
   ARYA_ENDPOINT = config.production.arya_endpoint;
   SUBSCRIPTION_API_ENDPOINT = config.production.subscription_api_endpoint;
@@ -206,7 +203,6 @@ export const createWeChatTemplate = ({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`;
@@ -249,6 +245,7 @@ export const getTemplateDetails = ({id, channel}) => {
 };
 
 export const getAllTemplates = ({channel, queryParams}) => {
+  console.log('in api.js', channel, queryParams);
   const url = `${API_ENDPOINT}/templates/${channel}?query=${encodeURIComponent(JSON.stringify(queryParams))}`;
   return request(url, getAPICallObject('GET'));
 };
@@ -373,11 +370,6 @@ export const createViberTemplate = ({template}) => {
   return request(url, getAPICallObject('POST', template));
 };
 
-export const createFacebookADTemplate = ({template}) => {
-  const url = `${API_ENDPOINT}/templates/FACEBOOK`;
-  return request(url, getAPICallObject('POST', template));
-};
-
 export const getLocizMessage = async (locale) => {
   const appName = 'creatives_v2';
   const url = `${ARYA_ENDPOINT}/translations/${appName}/${locale}`;
@@ -411,28 +403,3 @@ export const createCustomRow = (data) => {
   const url = `${API_ENDPOINT}/cms/saveRows`;
   return request(url, getAPICallObject('POST', data));
 };
-
-export const getImageFacebookPreview = ({previewData}) => {
-  const url = `${API_ENDPOINT}/facebook/getImagePreview`;
-  return request(url, getAPICallObject('POST', previewData));
-};
-
-export const getVideoFacebookPreview = ({previewData}) => {
-  const url = `${API_ENDPOINT}/facebook/getVideoPreview`;
-  return request(url, getAPICallObject('POST', previewData));
-};
-
-export const getCarouselFacebookPreview = ({previewData}) => {
-  const url = `${API_ENDPOINT}/facebook/getCarouselPreview`;
-  return request(url, getAPICallObject('POST', previewData));
-};
-
-export const getOrgOUs = ({ orgID }) => {
-  const url = `${ARYA_ENDPOINT}/org/${orgID}/oulist`;
-  return request(url, getAPICallObject('GET'));
-};
-
-export const getOrgLevelCampaignSettings = () => {
-  const url = `${CAMPAIGNS_API_ORG_ENDPOINT}/settings`;
-  return request(url, getAPICallObject('GET', null, false, true));
-};

package/utils/common.js

@@ -49,7 +49,7 @@ export function getTreeStructuredTags({tagsList, userLocale = 'en', offerDetails
         name: tag.label[userLocale] || tag.label.en,
         value: tag.value,
       };
-    } else if (tag['tag-header'] && mainTags[tag.value]) {
+    } else if (tag['tag-header'] && mainTags[tag.value]) { 
       // to check it this tag header is already available in mainTags object,
       //If yes, it will concat the subtag
       mainTags[tag.value].subtags = _.concat(mainTags[tag.value].subtags, tag.subtags);
@@ -215,15 +215,3 @@ function getSubTags(subtagsParam) {
   });
   return result;
 }
-
-export const bytes2Size = (bytes, decimals = 2) => {
-  if (bytes === 0) return '0 Bytes';
-
-  const k = 1024;
-  const dm = decimals < 0 ? 0 : decimals;
-  const sizes = ['Bytes', 'KB', 'MB', 'GB', 'TB', 'PB', 'EB', 'ZB', 'YB'];
-
-  const i = Math.floor(Math.log(bytes) / Math.log(k));
-
-  return `${Math.ceil((bytes / Math.pow(k, i)).toFixed(dm))} ${sizes[i]}`;
-};

package/v2Components/CapVideoUpload/messages.js

@@ -53,6 +53,6 @@ export default defineMessages({
   },
   fileFormat: {
     id: `${scope}.fileFormat`,
-    defaultMessage: 'File formats: MP4',
+    defaultMessage: 'Format: MP4',
   },
 });

package/v2Components/TemplatePreview/index.js

@@ -16,7 +16,7 @@ import {updateCharCount} from '../../utils/smsCharCountV2';
 import messages from './messages';
 import { WECHAT } from '../../v2Containers/CreativesContainer/constants';
 import Carousel from '../Carousel';
-import { VIBER, FACEBOOK } from '../../v2Containers/App/constants';
+import { VIBER } from '../../v2Containers/App/constants';
 const wechatBodyNew = require('./assets/images/wechat_mobile_android.svg');
 const smsMobileAndroid = require('./assets/images/sms_mobile_android.svg');
 const lineMobileAndroid = require('../../assets/line.png');
@@ -30,7 +30,6 @@ const iPhonePushMessagePhone = require('./assets/images/iPhonePushMessage.svg');
 
 import { CAP_COLOR_03, CAP_WHITE, FONT_COLOR_01, CAP_G08, CAP_G06, CAP_G15, CAP_PURPLE01, CAP_G16 } from '@capillarytech/cap-ui-library/styled/variables';
 import { TEMPLATE, IMAGE_CAROUSEL, IMAGE, STICKER, TEXT, IMAGE_MAP, VIDEO } from '../../v2Containers/Line/Container/constants';
-import CapFacebookPreview from '../../v2Containers/CapFacebookPreview';
 
 class TemplatePreview extends React.Component { // eslint-disable-line react/prefer-stateless-function
   onPreviewContentClicked = (channel) => {
@@ -261,7 +260,7 @@ class TemplatePreview extends React.Component { // eslint-disable-line react/pre
 
     return (
       <CapRow>
-        {this.props.showCount && (channel && channel.toLowerCase() !== FACEBOOK) && <CapColumn span={16}>
+        {this.props.showCount && <CapColumn span={16}>
           {channel && channel.toLowerCase() === 'sms' && <CapHeading type="h3">
             <FormattedMessage {...messages.charactersTotal} values={{smsCount: smsDetails.parts, charCount: smsDetails.chars_used}}/>
             {smsDetails.unicode &&
@@ -638,18 +637,6 @@ class TemplatePreview extends React.Component { // eslint-disable-line react/pre
             </div>
           ) : ''
         }
-            {channel && channel.toLowerCase() === FACEBOOK && (
-              <div style={{position: 'absolute', left: '80%'}} id="facebook-preview">
-                <CapFacebookPreview
-                  disablePreviewButton={false}
-                  selectedAd={content.selectedAd}
-                  previewData={content.previewData}
-                  primaryText={content.primaryText}
-                  callToAction={content.callToAction}
-                  displayLink={content.displayLink}
-              />
-              </div>
-        )}
           </div>
 
         </CapColumn>
@@ -673,10 +660,6 @@ TemplatePreview.propTypes = {
   onPreviewContentClicked: PropTypes.func,
   onTestContentClicked: PropTypes.func,
   showTestAndPreviewIcon: PropTypes.bool,
-  fbContent: PropTypes.oneOfType([
-    PropTypes.object,
-    PropTypes.any,
-  ]),
 };
 
 export default (injectIntl(TemplatePreview));

package/v2Containers/App/constants.js

@@ -25,8 +25,6 @@ export const EDIT = 'edit';
 export const PREVIEW = 'preview';
 
 export const VIBER = 'viber';
-export const FACEBOOK = 'facebook';
-
 export const TRACK_EDIT_SMS = 'editSms';
 export const TRACK_EDIT_EMAIL = 'editEmail';
 export const TRACK_EDIT_MPUSH = 'editMpush';
@@ -56,22 +54,3 @@ export const BEE_PLUGIN = 'BEE_PLUGIN';
 export const NO_COMMUNICATION = 'NO_COMMUNICATION';
 export const FTP = 'FTP';
 export const CREATIVES_UI_VIEW = 'CREATIVES_UI_VIEW';
-
-export const APPLY_NOW = <FormattedMessage {...globalMessages.applyNow} />;
-export const NO_CALL_TO_ACTION = <FormattedMessage {...globalMessages.noCallToAction} />;
-export const LEARN_MORE = <FormattedMessage {...globalMessages.learnMore} />;
-export const SHOP_NOW = <FormattedMessage {...globalMessages.shopNow} />;
-export const SIGN_UP = <FormattedMessage {...globalMessages.signUp} />;
-export const SUBSCRIBE = <FormattedMessage {...globalMessages.subscribe} />;
-export const WATCH_MORE = <FormattedMessage {...globalMessages.watchMore} />;
-
-
-export const FB_AD_CALL_TO_ACTION = {
-  NO_CALL_TO_ACTION,
-  APPLY_NOW,
-  LEARN_MORE,
-  SHOP_NOW,
-  SIGN_UP,
-  SUBSCRIBE,
-  WATCH_MORE,
-};

package/v2Containers/Cap/messages.js

@@ -113,34 +113,4 @@ export default defineMessages({
     id: `creatives.containersV2.newOrgName`,
     defaultMessage: '{newOrgName}',
   },
-  "applyNow": {
-    id: `creatives.containersV2.applyNow`,
-    defaultMessage: 'Apply now',
-  },
-  "noCallToAction": {
-    id: `creatives.containersV2.noCallToAction`,
-    defaultMessage: 'No call to action',
-  },
-  "learnMore": {
-    id: `creatives.containersV2.learnMore`,
-    defaultMessage: 'Learn More',
-  },
-  "shopNow": {
-    id: `creatives.containersV2.shopNow`,
-    defaultMessage: 'Shop Now',
-  },
-  "signUp": {
-    id: `creatives.containersV2.signUp`,
-    defaultMessage: 'Sign Up',
-  },
-  "subscribe": {
-    id: `creatives.containersV2.subscribe`,
-    defaultMessage: 'Subscribe',
-  },
-  "watchMore": {
-    id: `creatives.containersV2.watchMore`,
-    defaultMessage: 'Watch More',
-  },
-
 });
-

package/v2Containers/CapFacebookPreview/index.js

@@ -179,6 +179,7 @@ export const CapFacebookPreview = (props) => {
   ];
   const onChangeAdPreviewFormat = (value) => {
     setAdPreviewFormat(value);
+    setDisableAfterPreviewGenerate(false);
   };
 
   const generatePreview = () => {

package/v2Containers/CreativesContainer/SlideBoxContent.js

@@ -164,8 +164,6 @@ function SlideBoxContent(props) {
 
 
   const isCreateSms = slidBoxContent === 'createTemplate' && channel === constants.SMS;
-  const isCreateFacebook = slidBoxContent === 'createTemplate' && channel === constants.FACEBOOK;
-
   const isCreateMPush = slidBoxContent === 'createTemplate' && channel === constants.MOBILE_PUSH;
   const isCreateCallTask = slidBoxContent === 'createTemplate' && channel === constants.CALL_TASK;
   let isEditSms = false;
@@ -187,7 +185,7 @@ function SlideBoxContent(props) {
     isEditEmailWithId = slidBoxContent === 'editTemplate' && channel === constants.EMAIL && templateData._id;
     isEmailEditWithContent = slidBoxContent === 'editTemplate' && channel === constants.EMAIL && !templateData._id;
     isEditFacebook = slidBoxContent === 'editTemplate' && channel === constants.FACEBOOK;
-    isPreview = slidBoxContent === 'preview' && (channel === constants.SMS || channel === constants.LINE || channel === constants.VIBER || channel === constants.FACEBOOK);
+    isPreview = slidBoxContent === 'preview' && (channel === constants.SMS || channel === constants.LINE || channel === constants.VIBER);
     isEmailPreview = slidBoxContent === 'preview' && channel === constants.EMAIL;
     isMpushPreview = slidBoxContent === 'preview' && channel === constants.MOBILE_PUSH;
     isEditFTP = slidBoxContent === 'editTemplate' && [constants.NO_COMMUNICATION, constants.FTP].includes(channel);
@@ -265,36 +263,6 @@ function SlideBoxContent(props) {
         };
         return template.content;
       }
-      case constants.FACEBOOK: {
-        const template = cloneDeep(templateDataObject.versions.base);
-        const {
-          type: fbType = "",
-          primaryText = "",
-          callToAction = "",
-          displayLink = "",
-        } = template.content.FacebookAd[0] || {};
-        const previewData = Object.values(template.content.FacebookAd).map((obj) => ({
-          imageData: obj.imgSrc ? {imageSrc: obj.imgSrc} : {},
-          linkDesc: obj.linkDesc,
-          linkHeadLine: obj.linkHeadLine,
-          subType: obj.subType,
-          videoData: obj.video ? { videoSrc: obj.originalContentUrl,
-            videoName: obj.videoName,
-            videoHeight: obj.videoHeight,
-            videoWidth: obj.videoWidth,
-            previewUrl: obj.previewImageUrl,
-          } : {},
-          webSiteLink: obj.webSiteLink,
-        }));
-        const fbContent = {
-          selectedAd: fbType,
-          previewData,
-          primaryText,
-          callToAction,
-          displayLink,
-        };
-        return fbContent;
-      }
       default:
         return get(templateDataObject, `versions.base.content`);
     }
@@ -537,22 +505,6 @@ function SlideBoxContent(props) {
         onPreviewContentClicked={onPreviewContentClicked}
         onTestContentClicked={onTestContentClicked}/>
         }
-      {
-        isCreateFacebook && (
-          <Facebook
-            templateData={templateData}
-            messageDetails={messageDetails}
-            cap={cap}
-            onFacebookSubmit={onFacebookSubmit}
-            onCreateComplete={onCreateComplete}
-            setIsLoadingContent={setIsLoadingContent}
-            isFullMode={isFullMode}
-            createNew
-            getFormSubscriptionData={getFormData}
-
-          />
-        )
-      }
       {
         isEditFacebook && (
           <Facebook
@@ -560,12 +512,7 @@ function SlideBoxContent(props) {
             messageDetails={messageDetails}
             cap={cap}
             onFacebookSubmit={onFacebookSubmit}
-            onCreateComplete={onCreateComplete}
             isFullMode={isFullMode}
-            params={{
-              id: templateData._id,
-            }}
-            getFormSubscriptionData={getFormData}
           />
         )
       }
@@ -649,7 +596,6 @@ SlideBoxContent.propTypes = {
   onChannelChange: PropTypes.func,
   currentChannel: PropTypes.string,
   onEmailModeChange: PropTypes.func,
-  onFacebookAdModeChange: PropTypes.func,
   emailCreateMode: PropTypes.string,
   templateStep: PropTypes.string,
   onCreateNextStep: PropTypes.func,

package/v2Containers/CreativesContainer/index.js

@@ -51,7 +51,6 @@ class Creatives extends React.Component {
       currentChannel: this.props.channel || 'sms',
       weChatTemplateType: '',
       weChatMaptemplateStep: 0,
-
     };
     this.creativesTemplateSteps = {
       1: 'modeSelection',
@@ -105,6 +104,7 @@ class Creatives extends React.Component {
       if ((currentChannel.toUpperCase() === constants.EMAIL && emailCreateMode === "upload") || currentChannel.toUpperCase() === constants.MOBILE_PUSH || currentChannel.toUpperCase() === constants.WECHAT) {
         templateStep = prevState.templateStep + 2;
       }
+
       return {
         templateStep,
       };
@@ -114,8 +114,6 @@ class Creatives extends React.Component {
   onEmailModeChange = (mode) => {
     this.setState({ emailCreateMode: mode});
   }
-
-
   onMobilepushModeChange = (mode) => {
     this.setState({ mobilePushCreateMode: mode});
   }
@@ -363,11 +361,11 @@ class Creatives extends React.Component {
           const { Templates, templateData: templateDataProps } = this.props;
           const { accountDetails: selectedAccountDetails, accountId: selectedAccountId } = templateDataProps || {};
           const selectedViberAccount = Templates && Templates.selectedViberAccount;
-          const accountDetails = selectedAccountDetails || (selectedViberAccount ? JSON.stringify(selectedViberAccount) : '');
+          const accountDetails = (selectedViberAccount ? JSON.stringify(selectedViberAccount) : selectedAccountDetails);
           const accountId = selectedAccountId || (selectedViberAccount ? selectedViberAccount.id : '');
           const { versions } = template.value;
           const content = cloneDeep(versions.base.content);
-          content.scenarioKey = get(accountDetails, 'configs.scenario_key');
+          content.scenarioKey = accountDetails ? get(JSON.parse(accountDetails), 'configs.scenario_key') : "";
           templateData = {
             channel,
             accountId,
@@ -481,19 +479,17 @@ class Creatives extends React.Component {
       showFooter = true;
     }
 
+
     if (showFooter) {
-      if (slidBoxContent === "createTemplate" && ((channel === constants.EMAIL && currentStep === 'createTemplateContent') ||
-       ([constants.SMS, constants.WECHAT].includes(channel) && currentStep === 'modeSelection'))) {
+      if (slidBoxContent === "createTemplate" && ((channel === constants.EMAIL && currentStep === 'createTemplateContent') || (channel === constants.SMS && currentStep === 'modeSelection') || (channel === constants.WECHAT && currentStep === 'modeSelection'))) {
         showFooter = showFooter && !this.state.isLoadingContent;
-      } else if (slidBoxContent === "editTemplate" &&
-      ([constants.SMS, constants.WECHAT, constants.EMAIL].includes(channel) &&
-      currentStep === 'modeSelection')) {
+      } else if (slidBoxContent === "editTemplate" && ((channel === constants.EMAIL && currentStep === 'modeSelection') || (channel === constants.SMS && currentStep === 'modeSelection') || (channel === constants.WECHAT && currentStep === 'modeSelection'))) {
         showFooter = showFooter && !this.state.isLoadingContent;
       }
     }
 
     const isLineViberChannel = templateData && [constants.LINE, constants.VIBER].includes(templateData);
-    if ([constants.LINE, constants.VIBER, constants.FACEBOOK].includes(channel) || isLineViberChannel) {
+    if ([constants.LINE, constants.VIBER].includes(channel) || isLineViberChannel) {
       showFooter = false;
     }
 
@@ -577,13 +573,6 @@ class Creatives extends React.Component {
     }
     return false;
   }
-  shouldShowHeader = () => {
-    const {currentChannel} = this.state;
-    if (currentChannel === constants.FACEBOOK) {
-      return false;
-    }
-    return true;
-  }
   render() {
     const {slidBoxContent, isGetFormData, showSlideBox, templateData, currentChannel, emailCreateMode, templateStep, isLoadingContent, mobilePushCreateMode, isDiscardMessage, weChatTemplateType, weChatMaptemplateStep} = this.state;
     const {isFullMode, creativesMode, cap, isUploading, channelsToHide, selectedWeChatAccount, forwardedTags, channelsToDisable, selectedOfferDetails, onTestContentClicked, onPreviewContentClicked, getCreativesData, fetchingCmsData, editor} = this.props;
@@ -593,7 +582,7 @@ class Creatives extends React.Component {
       <SlideBoxWrapper className={classnames(`${classPrefix} ${isFullMode ? 'creatives-full-mode' : 'creatives-library-mode'} ${mapTemplateCreate ? 'map-template-create' : ''}`)}>
         <CapSlideBox
           header={
-            this.shouldShowHeader() && <SlideBoxHeader
+            <SlideBoxHeader
               key="creatives-container-slidebox-header"
               channel={currentChannel}
               messages={this.props.messages}
@@ -610,7 +599,8 @@ class Creatives extends React.Component {
               weChatTemplateType={weChatTemplateType}
               showPrefix={!isUploading} // not show back button when email template is being uploaded
               templateStep={this.creativesTemplateSteps[templateStep]}
-            />}
+            />
+          }
           content={
             <SlideBoxContent
               key="creatives-container-slidebox-content"

package/v2Containers/Facebook/Advertisement/messages.js

@@ -97,7 +97,7 @@ export default defineMessages({
   },
   doneButtonLabel: {
     id: `${messagePrefix}.doneButtonLabel`,
-    defaultMessage: 'Create',
+    defaultMessage: 'Done',
   },
   creativesTemplatesEditName: {
     id: `${messagePrefix}.creativesTemplatesEditName`,

package/v2Containers/Facebook/actions.js

@@ -6,70 +6,8 @@
 
 import {
   GET_MARKETING_OBJECTIVES,
-  UPLOAD_FB_AD_ASSET_REQUEST,
-  CREATE_FACEBOOK_AD_TEMPLATE_REQUEST,
-  EDIT_FACEBOOK_AD_TEMPLATE_REQUEST,
-  GET_FACEBOOK_AD_TEMPLATE_DETAILS_REQUEST,
-  CLEAR_FACEBOOK_AD_ASSET,
-  CLEAR_FACEBOOK_AD_CREATE_RESPONSE_REQUEST,
-  CLEAR_FACEBOOK_AD_DATA,
-  CLEAR_FACEBOOK_AD_EDIT_RESPONSE_REQUEST,
-  GET_ORG_OU_LIST_REQUEST,
 } from './constants';
 
 export const getMarketingObjectives = () => ({
   type: GET_MARKETING_OBJECTIVES,
 });
-
-export const uploadFbAdAsset = (file, assetType, fileParams, templateType) => ({
-  type: UPLOAD_FB_AD_ASSET_REQUEST,
-  file,
-  assetType,
-  fileParams,
-  templateType,
-});
-
-export const createTemplate = (template, callback) => ({
-  type: CREATE_FACEBOOK_AD_TEMPLATE_REQUEST,
-  template,
-  callback,
-});
-
-export const getOrgOUs = (orgID) => ({
-  type: GET_ORG_OU_LIST_REQUEST,
-  orgID,
-});
-
-// FOR EDIT
-
-export const editTemplate = (template, callback) => ({
-  type: EDIT_FACEBOOK_AD_TEMPLATE_REQUEST,
-  template,
-  callback,
-});
-
-export const getTemplateDetails = (id, callback) => ({
-  type: GET_FACEBOOK_AD_TEMPLATE_DETAILS_REQUEST,
-  id,
-  channel: 'FACEBOOK',
-  callback,
-});
-
-export const clearData = () => ({
-  type: CLEAR_FACEBOOK_AD_DATA,
-});
-
-export const clearEditResponse = () => ({
-  type: CLEAR_FACEBOOK_AD_EDIT_RESPONSE_REQUEST,
-});
-
-
-export const clearCreateResponse = () => ({
-  type: CLEAR_FACEBOOK_AD_CREATE_RESPONSE_REQUEST,
-});
-
-export const clearFbAdAsset = (templateType) => ({
-  type: CLEAR_FACEBOOK_AD_ASSET,
-  templateType,
-});
-

package/v2Containers/Facebook/constants.js

@@ -4,36 +4,12 @@
  *
  */
 
-const prefix = 'app/v2Containers/Facebook';
+const prefix = 'app/Facebook';
 
 export const GET_MARKETING_OBJECTIVES = `${prefix}/GET_MARKETING_OBJECTIVES`;
 export const SET_MARKETING_OBJECTIVES_SUCCESS = `${prefix}/SET_MARKETING_OBJECTIVES_SUCCESS`;
 export const SET_MARKETING_OBJECTIVES_FAILURE = `${prefix}/SET_MARKETING_OBJECTIVES_FAILURE`;
-export const UPLOAD_FB_AD_ASSET_REQUEST = `${prefix}/UPLOAD_ASSET_REQUEST`;
-export const UPLOAD_FB_AD_ASSET_SUCCESS = `${prefix}/UPLOAD_ASSET_SUCCESS`;
-export const UPLOAD_FB_AD_ASSET_FAILURE = `${prefix}/UPLOAD_ASSET_FAILURE`;
-export const CREATE_FACEBOOK_AD_TEMPLATE_REQUEST = `${prefix}/CREATE_FACEBOOK_AD_TEMPLATE_REQUEST`;
-export const CREATE_FACEBOOK_AD_TEMPLATE_SUCCESS = `${prefix}/CREATE_FACEBOOK_AD_TEMPLATE_SUCCESS`;
-export const CREATE_FACEBOOK_AD_TEMPLATE_FAILURE = `${prefix}/CREATE_FACEBOOK_AD_TEMPLATE_FAILURE`;
 
-
-export const GET_FACEBOOK_AD_TEMPLATE_DETAILS_REQUEST = `${prefix}/EDIT/CREATE_FACEBOOK_AD_TEMPLATE_DETAILS_REQUEST`;
-export const GET_FACEBOOK_AD_TEMPLATE_DETAILS_SUCCESS = `${prefix}/EDIT/CREATE_FACEBOOK_AD_TEMPLATE_DETAILS_SUCCESS`;
-export const GET_FACEBOOK_AD_TEMPLATE_DETAILS_FAILURE = `${prefix}/EDIT/CREATE_FACEBOOK_AD_TEMPLATE_DETAILS_FAILURE`;
-
-export const EDIT_FACEBOOK_AD_TEMPLATE_REQUEST = `${prefix}/Edit/EDIT_FACEBOOK_AD_TEMPLATE_REQUEST`;
-export const EDIT_FACEBOOK_AD_TEMPLATE_SUCCESS = `${prefix}/Edit/EDIT_FACEBOOK_AD_TEMPLATE_SUCCESS`;
-export const EDIT_FACEBOOK_AD_TEMPLATE_FAILURE = `${prefix}/Edit/EDIT_FACEBOOK_AD_TEMPLATE_FAILURE`;
-
-export const CLEAR_FACEBOOK_AD_EDIT_RESPONSE_REQUEST = `${prefix}/Edit/CLEAR_EDIT_RESPONSE_REQUEST`;
-export const CLEAR_FACEBOOK_AD_DATA = `${prefix}/Edit/CLEAR_DATA`;
-export const CLEAR_FACEBOOK_AD_CREATE_RESPONSE_REQUEST = `${prefix}/Create/CLEAR_EDIT_RESPONSE_REQUEST`;
-export const CLEAR_FACEBOOK_AD_ASSET = `${prefix}/CLEAR_ASSET`;
-
-
-export const GET_ORG_OU_LIST_REQUEST = `${prefix}/GET_ORG_OU_LIST_REQUEST`;
-export const GET_ORG_OU_LIST_SUCCESS = `${prefix}/GET_ORG_OU_LIST_SUCCESS`;
-export const GET_ORG_OU_LIST_FAILURE = `${prefix}/GET_ORG_OU_LIST_FAILURE`;
 // marketing objectives constants
 
 export const VALUE_APP_INSTALLS = 'VALUE_APP_INSTALLS';