@capillarytech/creatives-library 6.14.0 → 6.14.1

package/translations/zh.json

@@ -1,6 +1,8 @@
 {
   "app.components.TemplatePreview.includesOptoutTag": "",
   "app.components.TemplatePreview.optoutCharactersTotal": "",
+  "creatives.components.AccessForbidden.forbiddenDesc": "",
+  "creatives.components.AccessForbidden.forbiddenHeader": "",
   "creatives.components.BreadCrumbs.header": "",
   "creatives.components.CapTagList.Cancel": "",
   "creatives.components.CapTagList.Ok": "",
@@ -143,7 +145,7 @@
   "creatives.componentsV2.ImagePreview.close": "",
   "creatives.componentsV2.ImagePreview.loadingImage": "",
   "creatives.componentsV2.NavigationBar.businessProcesses": "",
-  "creatives.componentsV2.NavigationBar.campaign": "",
+  "creatives.componentsV2.NavigationBar.campaigns/ui/list": "",
   "creatives.componentsV2.NavigationBar.header": "",
   "creatives.componentsV2.NavigationBar.insights": "",
   "creatives.componentsV2.NavigationBar.logout": "",
@@ -172,9 +174,11 @@
   "creatives.componentsV2.TemplatePreview.charactersPerSms": "",
   "creatives.componentsV2.TemplatePreview.charactersTotal": "",
   "creatives.componentsV2.TemplatePreview.close": "",
+  "creatives.componentsV2.TemplatePreview.playVideo": "",
   "creatives.componentsV2.TemplatePreview.preview": "",
   "creatives.componentsV2.TemplatePreview.previewGenerated": "",
   "creatives.componentsV2.TemplatePreview.previewGenerationMessage": "",
+  "creatives.componentsV2.TemplatePreview.showDetails": "",
   "creatives.componentsV2.TemplatePreview.sms": "",
   "creatives.componentsV2.TemplatePreview.smsFormatType": "",
   "creatives.componentsV2.TemplatePreview.smsIcon": "",
@@ -247,8 +251,6 @@
   "creatives.containers.Create.graphic_details_page": "",
   "creatives.containers.Create.header": "",
   "creatives.containers.Create.http_example": "",
-  "creatives.containers.Create.imageGallery": "",
-  "creatives.containers.Create.lineImageIncorrectSize": "",
   "creatives.containers.Create.markFinalVersionLabel": "",
   "creatives.containers.Create.maxContentCount": "",
   "creatives.containers.Create.messageLabel": "",
@@ -266,17 +268,9 @@
   "creatives.containers.Create.sourceLinkEmpty": "",
   "creatives.containers.Create.tagsErrorMessage": "",
   "creatives.containers.Create.tagsLabel": "",
-  "creatives.containers.Create.templateAddTag": "",
   "creatives.containers.Create.templateDataNotValid": "",
   "creatives.containers.Create.templateMarkedFinal": "",
-  "creatives.containers.Create.templateMessageError": "",
-  "creatives.containers.Create.templateMessagePlaceholder": "",
-  "creatives.containers.Create.templateMessagePreviewPropsError": "",
-  "creatives.containers.Create.templateMessagePreviewPropsInductiveText": "",
-  "creatives.containers.Create.templateMessagePreviewPropsLabel": "",
-  "creatives.containers.Create.templateNameErrorPlaceholder": "",
   "creatives.containers.Create.templateNamePlaceHolder": "",
-  "creatives.containers.Create.templatePlaceholder": "",
   "creatives.containers.Create.titleCharacterCount": "",
   "creatives.containers.Create.titleEmpty": "",
   "creatives.containers.Create.titleNameRepeated": "",
@@ -1089,102 +1083,6 @@
   "creatives.containersV2.FacebookMarketingObjective.fbMarketingObjectiveDescription": "",
   "creatives.containersV2.FacebookMarketingObjective.fbMarketingObjectiveDone": "",
   "creatives.containersV2.FacebookMarketingObjective.fbMarketingObjectiveTitle": "",
-  "creatives.containersV2.Line.Create.Campaigns": "",
-  "creatives.containersV2.Line.Create.Creatives": "",
-  "creatives.containersV2.Line.Create.Image": "",
-  "creatives.containersV2.Line.Create.ImageUploadLabel": "",
-  "creatives.containersV2.Line.Create.Tags": "",
-  "creatives.containersV2.Line.Create.accountId": "",
-  "creatives.containersV2.Line.Create.alertMessage": "",
-  "creatives.containersV2.Line.Create.button1": "",
-  "creatives.containersV2.Line.Create.button2": "",
-  "creatives.containersV2.Line.Create.cancel": "",
-  "creatives.containersV2.Line.Create.discardChanges": "",
-  "creatives.containersV2.Line.Create.enterTemplateName": "",
-  "creatives.containersV2.Line.Create.enterTemplateNameImportant": "",
-  "creatives.containersV2.Line.Create.goBackTemporaryLost": "",
-  "creatives.containersV2.Line.Create.image": "",
-  "creatives.containersV2.Line.Create.inputLineTemplateContent": "",
-  "creatives.containersV2.Line.Create.line": "",
-  "creatives.containersV2.Line.Create.lineTemplateCreatedSuccessfully": "",
-  "creatives.containersV2.Line.Create.maxUploadFileSize": "",
-  "creatives.containersV2.Line.Create.maximumCharacterLengthExceeds": "",
-  "creatives.containersV2.Line.Create.message": "",
-  "creatives.containersV2.Line.Create.messageHasUnsupportedTag": "",
-  "creatives.containersV2.Line.Create.messageLabel": "",
-  "creatives.containersV2.Line.Create.messageTitleWithUnsupportedTag": "",
-  "creatives.containersV2.Line.Create.nameAndDescription": "",
-  "creatives.containersV2.Line.Create.pleaseUploadImage": "",
-  "creatives.containersV2.Line.Create.save": "",
-  "creatives.containersV2.Line.Create.selectLineAccount": "",
-  "creatives.containersV2.Line.Create.selectLineTemplate": "",
-  "creatives.containersV2.Line.Create.somethingWentWrong": "",
-  "creatives.containersV2.Line.Create.template": "",
-  "creatives.containersV2.Line.Create.templateCantEmpty": "",
-  "creatives.containersV2.Line.Create.templateEditedSuccessfully": "",
-  "creatives.containersV2.Line.Create.templateNameNotEmpty": "",
-  "creatives.containersV2.Line.Create.templateNotConfigured": "",
-  "creatives.containersV2.Line.Create.title": "",
-  "creatives.containersV2.Line.Create.titleHasUnsupportedTag": "",
-  "creatives.containersV2.Line.Create.titleLabel": "",
-  "creatives.containersV2.Line.Create.titleNameInvalid": "",
-  "creatives.containersV2.Line.Create.uploadFileSizeError": "",
-  "creatives.containersV2.Line.Create.uploadImage": "",
-  "creatives.containersV2.Line.Create.uploadSuccess": "",
-  "creatives.containersV2.Line.Create.uploadingImage": "",
-  "creatives.containersV2.Line.Create.valueCantEmpty": "",
-  "creatives.containersV2.Line.CreateWrapper.accountLineListDescription": "",
-  "creatives.containersV2.Line.CreateWrapper.accountLineListTitle": "",
-  "creatives.containersV2.Line.CreateWrapper.accountLineNoListTitle": "",
-  "creatives.containersV2.Line.CreateWrapper.continue": "",
-  "creatives.containersV2.Line.CreateWrapper.hybridTemplateDescription": "",
-  "creatives.containersV2.Line.CreateWrapper.hybridTemplateTitle": "",
-  "creatives.containersV2.Line.CreateWrapper.imageTemplateDescription": "",
-  "creatives.containersV2.Line.CreateWrapper.imageTemplateTitle": "",
-  "creatives.containersV2.Line.CreateWrapper.templateType": "",
-  "creatives.containersV2.Line.CreateWrapper.textTemplateDescription": "",
-  "creatives.containersV2.Line.CreateWrapper.textTemplateTitle": "",
-  "creatives.containersV2.Line.Edit.Campaigns": "",
-  "creatives.containersV2.Line.Edit.Creatives": "",
-  "creatives.containersV2.Line.Edit.Image": "",
-  "creatives.containersV2.Line.Edit.ImageUploadLabel": "",
-  "creatives.containersV2.Line.Edit.Tags": "",
-  "creatives.containersV2.Line.Edit.alertMessage": "",
-  "creatives.containersV2.Line.Edit.androidNotConfigured": "",
-  "creatives.containersV2.Line.Edit.button1": "",
-  "creatives.containersV2.Line.Edit.button2": "",
-  "creatives.containersV2.Line.Edit.cancel": "",
-  "creatives.containersV2.Line.Edit.discardChanges": "",
-  "creatives.containersV2.Line.Edit.enterTemplateName": "",
-  "creatives.containersV2.Line.Edit.enterTemplateNameImportant": "",
-  "creatives.containersV2.Line.Edit.goBackConfirmation": "",
-  "creatives.containersV2.Line.Edit.goBackTemporaryChangesLost": "",
-  "creatives.containersV2.Line.Edit.inputLineTemplateContent": "",
-  "creatives.containersV2.Line.Edit.iosNotConfigured": "",
-  "creatives.containersV2.Line.Edit.maxUploadFileSize": "",
-  "creatives.containersV2.Line.Edit.message": "",
-  "creatives.containersV2.Line.Edit.messageHasUnsupportedTag": "",
-  "creatives.containersV2.Line.Edit.messageLabel": "",
-  "creatives.containersV2.Line.Edit.messageTitleWithUnsupportedTag": "",
-  "creatives.containersV2.Line.Edit.mobilePush": "",
-  "creatives.containersV2.Line.Edit.nameAndDescription": "",
-  "creatives.containersV2.Line.Edit.pleaseUploadImage": "",
-  "creatives.containersV2.Line.Edit.save": "",
-  "creatives.containersV2.Line.Edit.selectLineTemplate": "",
-  "creatives.containersV2.Line.Edit.somethingWentWrong": "",
-  "creatives.containersV2.Line.Edit.template": "",
-  "creatives.containersV2.Line.Edit.templateCantEmpty": "",
-  "creatives.containersV2.Line.Edit.templateEditedSuccessfully": "",
-  "creatives.containersV2.Line.Edit.templateNameNotEmpty": "",
-  "creatives.containersV2.Line.Edit.templateNotConfigured": "",
-  "creatives.containersV2.Line.Edit.title": "",
-  "creatives.containersV2.Line.Edit.titleHasUnsupportedTag": "",
-  "creatives.containersV2.Line.Edit.titleLabel": "",
-  "creatives.containersV2.Line.Edit.titleNameInvalid": "",
-  "creatives.containersV2.Line.Edit.uploadFileSizeError": "",
-  "creatives.containersV2.Line.Edit.uploadImage": "",
-  "creatives.containersV2.Line.Edit.uploadingImage": "",
-  "creatives.containersV2.Line.Edit.valueCantEmpty": "",
   "creatives.containersV2.LineContainer.addMessageButtonLabel": "",
   "creatives.containersV2.LineContainer.cancelButtonLabel": "",
   "creatives.containersV2.LineContainer.changeAccount": "",
@@ -1193,6 +1091,7 @@
   "creatives.containersV2.LineContainer.lineAccount": "",
   "creatives.containersV2.LineContainer.lineAccountHeading": "",
   "creatives.containersV2.LineContainer.lineAccountHeadingChangeLabel": "",
+  "creatives.containersV2.LineContainer.lineAccountLabel": "",
   "creatives.containersV2.LineContainer.lineCreateNotification": "",
   "creatives.containersV2.LineContainer.lineCreativeDescription": "",
   "creatives.containersV2.LineContainer.lineCreativeTitle": "",
@@ -1284,6 +1183,39 @@
   "creatives.containersV2.LineText.textMessageSelectTemplate": "",
   "creatives.containersV2.LineText.textMessageTitleLabel": "",
   "creatives.containersV2.LineText.textMessageTitlePlaceholder": "",
+  "creatives.containersV2.LineVideo.actionButtonLabel": "",
+  "creatives.containersV2.LineVideo.actionLabelInductiveTitle": "",
+  "creatives.containersV2.LineVideo.actionLabelPlaceholder": "",
+  "creatives.containersV2.LineVideo.actionLabelTitle": "",
+  "creatives.containersV2.LineVideo.actionUrlPlaceholder": "",
+  "creatives.containersV2.LineVideo.actionUrlTitle": "",
+  "creatives.containersV2.LineVideo.dragAndDrop": "",
+  "creatives.containersV2.LineVideo.emptyAltTextErrorMessage": "",
+  "creatives.containersV2.LineVideo.emptyLabelErrorMessage": "",
+  "creatives.containersV2.LineVideo.emptyTitleErrorMessage": "",
+  "creatives.containersV2.LineVideo.emptyUrlErrorMessage": "",
+  "creatives.containersV2.LineVideo.imageGallery": "",
+  "creatives.containersV2.LineVideo.imageReUpload": "",
+  "creatives.containersV2.LineVideo.inValidUrlErrorMessage": "",
+  "creatives.containersV2.LineVideo.lineTemplateImage": "",
+  "creatives.containersV2.LineVideo.lineVideoIncorrectSize": "",
+  "creatives.containersV2.LineVideo.maxActionLabelErrorMessage": "",
+  "creatives.containersV2.LineVideo.or": "",
+  "creatives.containersV2.LineVideo.searchImages": "",
+  "creatives.containersV2.LineVideo.select": "",
+  "creatives.containersV2.LineVideo.textMessageAddLabel": "",
+  "creatives.containersV2.LineVideo.textMessageCreateNew": "",
+  "creatives.containersV2.LineVideo.textMessageORLabel": "",
+  "creatives.containersV2.LineVideo.textMessageSelectTemplate": "",
+  "creatives.containersV2.LineVideo.textMessageTitleLabel": "",
+  "creatives.containersV2.LineVideo.textMessageTitlePlaceholder": "",
+  "creatives.containersV2.LineVideo.titleDescription": "",
+  "creatives.containersV2.LineVideo.titleLabel": "",
+  "creatives.containersV2.LineVideo.uploadComputer": "",
+  "creatives.containersV2.LineVideo.uploadGallery": "",
+  "creatives.containersV2.LineVideo.uploadVideoLabel": "",
+  "creatives.containersV2.LineVideo.videoFormatDescription": "",
+  "creatives.containersV2.LineVideo.videoSizeDescription": "",
   "creatives.containersV2.LineWrapper.changeModalDescription": "",
   "creatives.containersV2.LineWrapper.changeModalLabel": "",
   "creatives.containersV2.LineWrapper.changeModalTitle": "",
@@ -1294,6 +1226,7 @@
   "creatives.containersV2.LineWrapper.stickerLabel": "",
   "creatives.containersV2.LineWrapper.templateLabel": "",
   "creatives.containersV2.LineWrapper.textLabel": "",
+  "creatives.containersV2.LineWrapper.videoLabel": "",
   "creatives.containersV2.Login.header": "",
   "creatives.containersV2.Login.invalidCredential": "",
   "creatives.containersV2.Login.loginPage": "",
@@ -1481,6 +1414,7 @@
   "creatives.containersV2.Templates.header": "",
   "creatives.containersV2.Templates.imageCarouselTemplate": "",
   "creatives.containersV2.Templates.imageMapTemplate": "",
+  "creatives.containersV2.Templates.imageMapVideoTemplate": "",
   "creatives.containersV2.Templates.imageTemplate": "",
   "creatives.containersV2.Templates.invalidUploadFileError": "",
   "creatives.containersV2.Templates.layoutSelection": "",
@@ -1597,10 +1531,19 @@
   "creatives.containersV2.WeChat.wechatCreateSuccess": "",
   "creatives.containersV2.WeChat.wechatEditSuccess": "",
   "creatives.containersV2.appName": "",
+  "creatives.containersV2.areYouSureText": "",
   "creatives.containersV2.audience": "",
   "creatives.containersV2.campaignsDashboard": "",
   "creatives.containersV2.campaignsHome": "",
+  "creatives.containersV2.cancel": "",
+  "creatives.containersV2.changeOk": "",
   "creatives.containersV2.incentive": "",
+  "creatives.containersV2.newOrgName": "",
+  "creatives.containersV2.orgChangeText": "",
+  "creatives.containersV2.orgChangedText": "",
+  "creatives.containersV2.orgRefreshHeading": "",
+  "creatives.containersV2.refreshOrgText": "",
+  "creatives.containersV2.refreshText": "",
   "creatives.containersV2.richMedia.Create.Anyone": "",
   "creatives.containersV2.richMedia.Create.Author": "",
   "creatives.containersV2.richMedia.Create.Content": "",

package/utils/common.js

@@ -37,3 +37,121 @@ export const hasStore2DoorFeature = Auth.hasFeatureAccess.bind(
   null,
   STORE2DOOR_PLUS_ENABLED,
 );
+
+export function getTreeStructuredTags(tagsList, userLocale = 'en') {
+  console.log('populating tags', (tagsList || []).length);
+  const mainTags = {};
+
+  //Form tags object with tag headers
+  _.forEach(tagsList, (temp) => {
+    const tag = temp.definition;
+    if (!tag['tag-header']) {
+      mainTags[tag.value] = {
+        name: tag.label[userLocale] ? tag.label[userLocale] : tag.label.en,
+        value: tag.value,
+      };
+    } 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,
+        "subtags": tag.subtags,
+        "value": tag.value,
+      };
+    }
+  });
+
+  const mainTagsCloned = _.cloneDeep(mainTags);
+  //Insert subtags in tag headers and reomve them from top level
+  const result = {};
+  _.forEach(mainTagsCloned, (tag, key) => {
+    if (tag['tag-header']) {
+      const tagWithChildren = populateTagForChildren(tag, mainTagsCloned, key);
+      tagWithChildren.resolved = true;
+      result[key] = tagWithChildren;
+    } else {
+      result[key] = tag;
+    }
+  });
+
+  //Delete extra tag headers
+  _.forEach(result, (tag) => {
+    if (tag['tag-header']) {
+      _.forEach(tag.subtags, (subtag, key) => {
+        if (result[key]) {
+          result[key].deleted = true;
+        }
+      });
+    }
+  });
+  //Actually delete them
+  _.forEach(result, (tag, key) => {
+    if (tag.deleted) {
+      delete result[key];
+    }
+  });
+  return getTreeStructureData(result);
+}
+
+function populateTagForChildren(targetTag, tagsObject, tagValue) {
+  const tag = targetTag;
+  if (tag && tag['tag-header'] && !tag.resolved) {
+    const tempSubTags = {};
+    _.forEach(tag.subtags, (subtag) => {
+      if (tagsObject[subtag]) {
+        const children = populateTagForChildren(tagsObject[subtag], tagsObject, subtag);
+        children.resolved = true;
+        tempSubTags[subtag] = children;
+      }
+    });
+    tag.subtags = tempSubTags;
+    return tag;
+  }
+  return tagsObject[tagValue];
+}
+
+function getTreeStructureData(data) {
+  const result = [];
+  _.forOwn(data, (mainTag) => {
+    const { name, value, subtags = [] } = mainTag;
+    if (!mainTag['tag-header']) {
+      result.push({
+        title: name,
+        value: `{{${value}}}`,
+      });
+    } else {
+      const obj = {
+        title: name,
+        value: `{{${value}}}`,
+        selectable: false,
+      };
+      obj.children = getSubTags(subtags);
+      result.push(obj);
+    }
+  });
+  return result;
+}
+
+function getSubTags(subtagsParam) {
+  const result = [];
+  _.forOwn(subtagsParam, (subTag) => {
+    const { name, value, subtags = [] } = subTag;
+    if (_.isEmpty(subtags)) {
+      result.push({
+        title: name,
+        value: `{{${value}}}`,
+      });
+    } else {
+      const obj = {
+        title: name,
+        value: `{{${value}}}`,
+        selectable: false,
+      };
+      obj.children = getSubTags(subtags);
+      result.push(obj);
+    }
+  });
+  return result;
+}

package/v2Components/FormBuilder/index.js

@@ -1470,10 +1470,6 @@ class FormBuilder extends React.Component { // eslint-disable-line react/prefer-
           } else if (key === this.props.baseLanguage) {
             formData[newTabIndex][key] = {};
             _.forEach(val, (subVal, index) => {
-                // if (subVal === 'is_drag_drop' || subVal === 'lang_id' || subVal === 'iso_code' === 'language') {
-                //
-                //   formData[newTabIndex][key][index] = formData[0][this.props.baseLanguage][subVal];
-                // } else {
               if (index === 'tabKey') {
                 formData[newTabIndex][key][index] = _.uniqueId();
               } else if (index === 'template-content') {
@@ -3179,11 +3175,7 @@ class FormBuilder extends React.Component { // eslint-disable-line react/prefer-
               }
               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}`][currentLang]['template-content'] ? this.state.formData[`${this.state.currentTab - 1}`][currentLang]['template-content'] : '');
-              console.log('ckeditor current lang', currentLang, content);
-              if (this.state.formData[`${this.state.currentTab - 1}`][currentLang].is_drag_drop) {
-                // content = "";
-              }
+              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(
                 <CapColumn style={val.colStyle ? val.colStyle : {}} span={val.width}>
                   <CKEditor
@@ -3206,7 +3198,7 @@ class FormBuilder extends React.Component { // eslint-disable-line react/prefer-
               }
             }
             const { currentTab, formData } = this.state;
-            const supportedLanguages = formData[currentTab - 1].selectedLanguages;
+            const supportedLanguages = (formData[currentTab - 1] || {}).selectedLanguages;
             const currentLang = supportedLanguages[langTab - 1];
 
             let beeJson = '',

package/v2Containers/App/constants.js

@@ -47,5 +47,5 @@ export const CHANNEL_EDIT_TRACK_MAPPING = {
 };
 export const GTM_TRACKING_ID = 'UA-110024621-2';
 export const BEE_PLUGIN = 'BEE_PLUGIN';
-
+export const NO_COMMUNICATION = 'NO_COMMUNICATION';
 export const CREATIVES_UI_VIEW = 'CREATIVES_UI_VIEW';

package/v2Containers/CreativesContainer/SlideBoxContent.js

@@ -18,6 +18,7 @@ import CallTask from '../CallTask';
 import MobliPushEdit from '../MobilePush/Edit';
 import * as constants from './constants';
 import LineContainer from '../Line/Container';
+import FTP from '../FTP';
 const CreativesWrapper = styled.div`
   .ant-popover,
   .ant-notification,
@@ -69,7 +70,7 @@ const getLineType = ({
     }
   }
   return {};
-}
+};
 
 function SlideBoxContent(props) {
   const {
@@ -96,6 +97,7 @@ function SlideBoxContent(props) {
       cap,
       onResetStep,
       isFullMode,
+      editor,
       onCallTaskSubmit,
       setIsLoadingContent,
       showTemplateName,
@@ -116,6 +118,7 @@ function SlideBoxContent(props) {
       selectedAccount,
       onShowTemplates,
       handleClose,
+      onFTPSubmit,
     } = 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};
@@ -146,6 +149,7 @@ function SlideBoxContent(props) {
   let isEditCallTask = false;
   let isEditMPush = false;
   let isEditFacebook = false;
+  let isEditFTP = false;
   const isEmailCreate = slidBoxContent === 'createTemplate' && channel === constants.EMAIL;
   if (templateData && channel) {
     channel = templateData.type;// for edit mode with template data
@@ -158,6 +162,7 @@ function SlideBoxContent(props) {
     isPreview = slidBoxContent === 'preview' && (channel === constants.SMS || channel === constants.LINE);
     isEmailPreview = slidBoxContent === 'preview' && channel === constants.EMAIL;
     isMpushPreview = slidBoxContent === 'preview' && channel === constants.MOBILE_PUSH;
+    isEditFTP = slidBoxContent === 'editTemplate' && [constants.NO_COMMUNICATION, constants.FTP].includes(channel);
   }
 
   const getChannelPreviewContent = (templateDataObject) => {
@@ -184,7 +189,7 @@ function SlideBoxContent(props) {
           } = {},
           template,
         }) => {
-          let previewContent = {};
+          const previewContent = {};
           previewContent.messageContent = text;
           previewContent.previewImageUrl = previewImageUrl;
           previewContent.selectedSticker = selectedSticker || {
@@ -226,7 +231,6 @@ function SlideBoxContent(props) {
         return get(templateDataObject, `versions.base.content`);
     }
   };
-
   return (
     <CreativesWrapper>
       {!isFullMode && slidBoxContent === 'templates' && (
@@ -249,6 +253,10 @@ function SlideBoxContent(props) {
         onCreateComplete={onCreateComplete}
         getFormSubscriptionData={getFormData}
         handleClose={handleClose}
+        onFTPSubmit={onFTPSubmit}
+        slidBoxContent={slidBoxContent}
+        FTPMode="create"
+        selectedOfferDetails={selectedOfferDetails}
         />
       )}
       {isPreview && (
@@ -315,6 +323,14 @@ function SlideBoxContent(props) {
           onTestContentClicked={onTestContentClicked}
         />
       )}
+      {isEditFTP && (
+        <FTP
+          mode="edit"
+          onFTPSubmit={onFTPSubmit}
+          messageDetails={messageDetails}
+          selectedOfferDetails={selectedOfferDetails}
+        />
+      )}
       {
         isEditCallTask &&
           <CallTask
@@ -366,6 +382,7 @@ function SlideBoxContent(props) {
         step={templateStep}
         showNextStep={onCreateNextStep}
         isFullMode={isFullMode}
+        editor={editor}
         cap={cap}
         onResetStep={onResetStep}
         showTemplateName={showTemplateName}
@@ -392,6 +409,7 @@ function SlideBoxContent(props) {
         getFormSubscriptionData={getFormData}
         getDefaultTags={type}
         isFullMode={isFullMode}
+        editor={editor}
         cap={cap}
         showTemplateName={showTemplateName}
         onValidationFail={onValidationFail}
@@ -456,6 +474,7 @@ function SlideBoxContent(props) {
             messageDetails={messageDetails}
             cap={cap}
             onFacebookSubmit={onFacebookSubmit}
+            isFullMode={isFullMode}
           />
         )
       }
@@ -539,5 +558,6 @@ SlideBoxContent.propTypes = {
   onCreateComplete: PropTypes.func,
   saveMessage: PropTypes.func,
   selectedAccount: PropTypes.object,
+  onFTPSubmit: PropTypes.func,
 };
 export default SlideBoxContent;

package/v2Containers/CreativesContainer/SlideBoxHeader.js

@@ -15,6 +15,8 @@ function getChannelLabel(channel = '') {
     email: 'Email',
     mobilepush: 'Push notification',
     wechat: 'Wechat',
+    no_communication: 'NO_COMMUNICATION',
+    ftp: 'FTP',
   };
   return labels[channel.toLowerCase()];
 }

package/v2Containers/CreativesContainer/constants.js

@@ -13,5 +13,7 @@ export const CALL_TASK = "CALL_TASK";
 export const MOBILE_PUSH = "MOBILEPUSH";
 export const WECHAT = "WECHAT";
 export const FACEBOOK = "FACEBOOK";
+export const FTP = "FTP";
+export const NO_COMMUNICATION = "NO_COMMUNICATION";
 export const SHOW_CONTANER_LOADER = "app/CreativesContainer/SHOW_CONTANER_LOADER";
 export const HIDE_CONTAINER_LOADER = "app/CreativesContainer/HIDE_CONTAINER_LOADER";

package/v2Containers/CreativesContainer/index.js

@@ -143,6 +143,13 @@ class Creatives extends React.Component {
       const {channel} = templateData;
       let creativesTemplateData = {type: channel };
       switch (channel) {
+        case constants.NO_COMMUNICATION: {
+          creativesTemplateData = {
+            type: channel,
+            ...templateData,
+          };
+          break;
+        }
         case constants.SMS: {
           const formData = {
             "sms-editor": templateData.messageBody,
@@ -533,7 +540,7 @@ class Creatives extends React.Component {
   }
   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} = this.props;
+    const {isFullMode, creativesMode, cap, isUploading, channelsToHide, selectedWeChatAccount, forwardedTags, channelsToDisable, selectedOfferDetails, onTestContentClicked, onPreviewContentClicked, getCreativesData, fetchingCmsData, editor} = this.props;
     const mapTemplateCreate = slidBoxContent === 'createTemplate' && weChatTemplateType === MAP_TEMPLATE && templateStep !== 'modeSelection';
     /* TODO: Instead of passing down same props separately to each component down, write common function to these props and pass it accordingly */
     return (
@@ -606,6 +613,8 @@ class Creatives extends React.Component {
               selectedAccount={this.props.selectedAccount}
               onShowTemplates={this.onShowTemplates}
               handleClose={this.handleCloseSlideBox}
+              onFTPSubmit={getCreativesData}
+              editor={editor}
           />
           }
           footer={this.shouldShowFooter() &&

package/v2Containers/Email/actions.js

@@ -38,7 +38,7 @@ export function getAllAssets(assetType, queryParams) {
   };
 }
 
-export function getCmsSetting(cmsType, projectId, cmsMode, langId, isEdmSupport) {
+export function getCmsSetting(cmsType, projectId, cmsMode, langId, isEdmSupport, isBEEAppEnable) {
   return {
     type: types.GET_CMS_EDITOR_DETAILS_REQUEST,
     cmsType,
@@ -46,6 +46,7 @@ export function getCmsSetting(cmsType, projectId, cmsMode, langId, isEdmSupport)
     cmsMode,
     langId,
     isEdmSupport,
+    isBEEAppEnable,
   };
 }