@capillarytech/creatives-library 6.14.0 → 6.15.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/ignoredErrorMessages.js

@@ -0,0 +1,4 @@
+export default [
+  // ref: https://stackoverflow.com/questions/49384120/resizeobserver-loop-limit-exceeded
+  'ResizeObserver loop limit exceeded'
+];

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') {
@@ -2366,7 +2362,9 @@ class FormBuilder extends React.Component { // eslint-disable-line react/prefer-
           this.renderTextAreaContent(styling, columns, val, isVersionEnable, rows, cols, val.offset);
           break;
         case "contentPreview":
-          content = isVersionEnable ? this.state.formData[this.state.currentTab - 1]['sms-editor'] : this.state.formData['sms-editor'];
+          const { formData , currentTab } = this.state || {};
+          const tab = formData && formData[currentTab - 1];
+          content = isVersionEnable ? tab && tab['sms-editor'] : formData && formData['sms-editor'];
           charList = updateCharCount(content).char_list;
           columns.push(<CapColumn id={val.id} className={"preview-chars"} span={val.width}>
             {charList.map((char) => char)}
@@ -3179,11 +3177,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 +3200,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/CreativesContainer/SlideBoxContent.js

@@ -69,7 +69,7 @@ const getLineType = ({
     }
   }
   return {};
-}
+};
 
 function SlideBoxContent(props) {
   const {
@@ -96,6 +96,7 @@ function SlideBoxContent(props) {
       cap,
       onResetStep,
       isFullMode,
+      editor,
       onCallTaskSubmit,
       setIsLoadingContent,
       showTemplateName,
@@ -184,7 +185,7 @@ function SlideBoxContent(props) {
           } = {},
           template,
         }) => {
-          let previewContent = {};
+          const previewContent = {};
           previewContent.messageContent = text;
           previewContent.previewImageUrl = previewImageUrl;
           previewContent.selectedSticker = selectedSticker || {
@@ -366,6 +367,7 @@ function SlideBoxContent(props) {
         step={templateStep}
         showNextStep={onCreateNextStep}
         isFullMode={isFullMode}
+        editor={editor}
         cap={cap}
         onResetStep={onResetStep}
         showTemplateName={showTemplateName}
@@ -392,6 +394,7 @@ function SlideBoxContent(props) {
         getFormSubscriptionData={getFormData}
         getDefaultTags={type}
         isFullMode={isFullMode}
+        editor={editor}
         cap={cap}
         showTemplateName={showTemplateName}
         onValidationFail={onValidationFail}
@@ -456,6 +459,7 @@ function SlideBoxContent(props) {
             messageDetails={messageDetails}
             cap={cap}
             onFacebookSubmit={onFacebookSubmit}
+            isFullMode={isFullMode}
           />
         )
       }

package/v2Containers/CreativesContainer/index.js

@@ -533,7 +533,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 +606,7 @@ class Creatives extends React.Component {
               selectedAccount={this.props.selectedAccount}
               onShowTemplates={this.onShowTemplates}
               handleClose={this.handleCloseSlideBox}
+              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,
   };
 }
 

package/v2Containers/Email/index.js

@@ -183,15 +183,15 @@ export class Email extends React.Component { // eslint-disable-line react/prefer
       this.props.templatesActions.resetTemplateData();
     }
     const isBEESupport = (this.props.location.query.isBEESupport !== "false") || false;
-
-    if (!_.isEmpty(this.props.Templates.BEETemplate) ) {
-      if (this.props.Templates.BEETemplate.versions.base.is_drag_drop) {
+    const isBEEAppEnable = this.checkBeeEditorAllowedForLibrary();
+    if (!_.isEmpty(this.props.Templates.BEETemplate)) {
+      if (this.props.Templates.BEETemplate.versions.base.is_drag_drop && isBEEAppEnable ) {
         this.setState({isDragDrop: true});
       }
       if (this.props.params.id) {
-        this.props.actions.getCmsSetting(BEE_PLUGIN, this.props.Templates.BEETemplate._id, 'open', undefined, isBEESupport);
+        this.props.actions.getCmsSetting(BEE_PLUGIN, this.props.Templates.BEETemplate._id, 'open', undefined, isBEESupport, isBEEAppEnable);
       } else if (this.props.location.query.module !== "library" || (this.props.location.query.module === "library" && !this.props.templateData)) {
-        this.props.actions.getCmsSetting(BEE_PLUGIN, this.props.Templates.BEETemplate._id, 'create', undefined, isBEESupport);
+        this.props.actions.getCmsSetting(BEE_PLUGIN, this.props.Templates.BEETemplate._id, 'create', undefined, isBEESupport, isBEEAppEnable);
       }
     }
     this.setState({ content: (this.props.Templates.selectedEmailLayout ? this.props.Templates.selectedEmailLayout : ''), formData});
@@ -214,6 +214,15 @@ export class Email extends React.Component { // eslint-disable-line react/prefer
       this.showNext();
     }
   }
+
+  checkBeeEditorAllowedForLibrary = () => {
+    const { isFullMode = false, editor } = this.props || {};
+    if (editor === "BEE" && !isFullMode) {
+      return true;
+    }
+    return false;
+  }
+
   componentWillReceiveProps(nextProps) {
     // if (this.props.location.query.type === 'embedded') {
     //   this.showNext();
@@ -315,8 +324,9 @@ export class Email extends React.Component { // eslint-disable-line react/prefer
       if (nextProps.location.query.module === 'library' && nextProps.isGetFormData) {
         const formData = this.state.formData;
         let isBeeEditor = false;
+        const isBEEEnable = this.checkBeeEditorAllowedForLibrary();
         _.forEach(formData[0].selectedLanguages, (language) => {
-          if (formData[0][language].is_drag_drop) {
+          if (formData[0][language].is_drag_drop && isBEEEnable) {
             isBeeEditor = true;
           }
         });
@@ -349,7 +359,7 @@ export class Email extends React.Component { // eslint-disable-line react/prefer
         const temp = (schema.containers || {})[this.state.currentTab - 1];
 
         const { currentTab } = this.state;
-        if (nextProps.Email.CmsSettings.isDragDrop) {
+        if (nextProps.Email.CmsSettings.isDragDrop && this.checkBeeEditorAllowedForLibrary()) {
           const beeJson = `BEEeditor${currentTab > 1 ? currentTab : ''}json`;
           const beeToken = `BEEeditor${currentTab > 1 ? currentTab : ''}token`;
           let beeJsonValue = _.get(nextProps, 'Templates.BEETemplate.versions.base.json-content', '');
@@ -409,7 +419,8 @@ export class Email extends React.Component { // eslint-disable-line react/prefer
         }
 
         this.setState({ formData }, () => {
-          this.hideEdmOptions(nextProps.Email.CmsSettings.isDragDrop);
+          const isDragDrop = this.checkBeeEditorAllowedForLibrary() && nextProps.Email.CmsSettings.isDragDrop;
+          this.hideEdmOptions(isDragDrop);
         });
       }
       if (nextProps.Email.createTemplateError && !_.isEqual(nextProps.Email.createTemplateError, this.props.Email.createTemplateError)) {
@@ -469,7 +480,7 @@ export class Email extends React.Component { // eslint-disable-line react/prefer
       if ( !_.isEqual(nextProps.Email.uploadAssetSuccess, this.props.Email.uploadAssetSuccess) && nextProps.Email.uploadAssetSuccess) {
         const isDragDrop = this.state.formData[`${this.state.currentTab - 1}`][this.state.formData[`${this.state.currentTab - 1}`].activeTab].is_drag_drop;
         const isBEESupport = (this.props.location.query.isBEESupport !== "false") || false;
-        if (isDragDrop && isBEESupport) {
+        if (isDragDrop && isBEESupport && this.checkBeeEditorAllowedForLibrary()) {
           const evtData = JSON.parse(this.edmEvent.data);
           if (evtData.action === 'editBackground') {
             this.edmEvent.source.postMessage(JSON.stringify({
@@ -515,7 +526,8 @@ export class Email extends React.Component { // eslint-disable-line react/prefer
     }
     if (!_.isEmpty(nextProps.Email.templateDetails) && _.isEmpty(this.props.Email.templateDetails) ) {
       const base = nextProps.Email.templateDetails.versions.base;
-      if (nextProps.Email.templateDetails.versions.base[base.activeTab].is_drag_drop) {
+      const activeBase = nextProps.Email.templateDetails.versions.base[base.activeTab];
+      if (activeBase && activeBase.is_drag_drop && this.checkBeeEditorAllowedForLibrary()) {
         this.setState({isDragDrop: true});
       }
     }
@@ -580,7 +592,7 @@ export class Email extends React.Component { // eslint-disable-line react/prefer
     //this.resetCkEditorInstance(data, formData);
     const schema = _.cloneDeep(this.state.schema);
     const container = schema.containers[`${data - 1}`];
-    if (formData[`${data - 1}`][formData[`${data - 1}`].activeTab].is_drag_drop) {
+    if (formData[`${data - 1}`][formData[`${data - 1}`].activeTab].is_drag_drop && this.checkBeeEditorAllowedForLibrary()) {
       container.tabBarExtraContent.sections[0].inputFields[0].cols[4].content.sections[0].inputFields[3].cols[0].style = {display: ""};
       container.tabBarExtraContent.sections[0].inputFields[0].cols[2].style.display = "none";
     } else {
@@ -605,7 +617,7 @@ export class Email extends React.Component { // eslint-disable-line react/prefer
     const formData = _.cloneDeep(this.state.formData);
     const isBEESupport = (this.props.location.query.isBEESupport !== "false") || false;
 
-    if (isDragDrop && isBEESupport) {
+    if (isDragDrop && isBEESupport && this.checkBeeEditorAllowedForLibrary()) {
       let msg = {};
       if (data === "unsubscribe") {
         const anchor = `<a href='{{${data}}}'>${data}</a>`;
@@ -648,9 +660,9 @@ export class Email extends React.Component { // eslint-disable-line react/prefer
     const base = formData.base || {};
     const isDragDrop = _.get(base[base.activeTab], 'is_drag_drop');
     let editorType = '';
-    if ( isDragDrop === true) {
+    if ( isDragDrop === true && this.checkBeeEditorAllowedForLibrary()) {
       editorType = 'edmEditor';
-    } else if (isDragDrop === false) {
+    } else if (isDragDrop === false && !this.checkBeeEditorAllowedForLibrary()) {
       editorType = 'ckEditor';
     }
     GA.timeTracker.stopTimer(isEdit ? TRACK_EDIT_EMAIL : TRACK_CREATE_EMAIL, {
@@ -705,7 +717,7 @@ export class Email extends React.Component { // eslint-disable-line react/prefer
       _.forEach(formData, (val, index) => {
         if (!isNaN(index)) {
           _.forEach(val.selectedLanguages, (language) => {
-            if (val[language].is_drag_drop) {
+            if (val[language].is_drag_drop && this.checkBeeEditorAllowedForLibrary()) {
               that.props.actions.getCmsData(BEE_PLUGIN, id, language);
             }
           });
@@ -906,6 +918,7 @@ export class Email extends React.Component { // eslint-disable-line react/prefer
       if (this.props.isFullMode) {
         this.props.showTemplateName({formData, onFormDataChange: this.onFormDataChange});
       }
+      const isBEEAppEnable = this.checkBeeEditorAllowedForLibrary();
       _.forEach((editData.versions.base.selectedLanguages), (language) => {
         // if (formData[this.state.currentTab - 1].tabKey === formData[this.state.currentTab - 1][language].tabKey) {
         //   formData[this.state.currentTab - 1].activeTab = language;
@@ -913,8 +926,8 @@ export class Email extends React.Component { // eslint-disable-line react/prefer
         // if (formData.base.tabKey === formData.base[language].tabKey) {
         //   formData.base.activeTab = language;
         // }
-        if (language && editData.versions.base[language].is_drag_drop) {
-          this.props.actions.getCmsSetting(BEE_PLUGIN, editData._id, 'open', language, isBEESupport);
+        if (language && editData.versions.base[language].is_drag_drop && isBEEAppEnable) {
+          this.props.actions.getCmsSetting(BEE_PLUGIN, editData._id, 'open', language, isBEESupport, isBEEAppEnable);
         }
       });
 
@@ -997,11 +1010,12 @@ export class Email extends React.Component { // eslint-disable-line react/prefer
   }
   saveValidationData = () => {
     let saveCount = 0;
+    const isBeeEnable = this.checkBeeEditorAllowedForLibrary();
     this.setState({saveEdmDataMode: 'validation', saveCount: 0, cmsDataCount: 0}, () => {
       _.forEach(this.state.formData, (newdata, index) => {
         if (!isNaN(index)) {
           _.forEach(newdata.selectedLanguages, (language) => {
-            if (newdata[language].is_drag_drop && ((parseInt(index, 10) + 1) === this.state.currentTab)) {
+            if (newdata[language].is_drag_drop && isBeeEnable && ((parseInt(index, 10) + 1) === this.state.currentTab)) {
               saveCount += 1;
             }
           });
@@ -1118,14 +1132,14 @@ export class Email extends React.Component { // eslint-disable-line react/prefer
 
   copyPrimaryLanguage = () => {
     const isEdmSupport = (this.props.location.query.isEdmSupport !== "false") || false;
-
+    const isBEEAppEnable = this.checkBeeEditorAllowedForLibrary();
     this.setState({addLanguageType: "copyPrimaryLanguage"}, () => {
       this.setState({showModal: false});
       const formData = _.cloneDeep(this.state.formData);
       const currentTab = this.state.currentTab - 1;
       const baseLanguage = this.props.currentOrgDetails.basic_details.base_language ? this.props.currentOrgDetails.basic_details.base_language : 'en';
-      if (formData[currentTab][baseLanguage].is_drag_drop) {
-        this.props.actions.getCmsSetting(BEE_PLUGIN, formData[currentTab][baseLanguage].drag_drop_id, 'duplicate', baseLanguage, isEdmSupport);
+      if (formData[currentTab][baseLanguage].is_drag_drop && isBEEAppEnable) {
+        this.props.actions.getCmsSetting(BEE_PLUGIN, formData[currentTab][baseLanguage].drag_drop_id, 'duplicate', baseLanguage, isEdmSupport, isBEEAppEnable);
       }
     });
   }
@@ -1503,7 +1517,7 @@ export class Email extends React.Component { // eslint-disable-line react/prefer
       const data = _.find(this.props.Email.assetList, {_id: id});
 
       if (data) {
-        if (isDragDrop && isEdmSupport) {
+        if (isDragDrop && isEdmSupport && this.checkBeeEditorAllowedForLibrary()) {
           const evtData = JSON.parse(this.edmEvent.data);
           if (evtData.action === 'editBackground') {
             this.edmEvent.source.postMessage(JSON.stringify({
@@ -1538,7 +1552,7 @@ export class Email extends React.Component { // eslint-disable-line react/prefer
 
   toggleEmailPreview = () => {
     const isDragDrop = this.state.formData[`${this.state.currentTab - 1}`][this.state.formData[`${this.state.currentTab - 1}`].activeTab].is_drag_drop;
-    if (isDragDrop && !this.state.showEmailPreview) {
+    if (isDragDrop && !this.state.showEmailPreview && this.checkBeeEditorAllowedForLibrary()) {
       this.handleEdmSave();
       this.setState({mode: "preview", gettingPreviewData: true});
     } else if (this.state.showEmailPreview) {
@@ -2117,9 +2131,10 @@ export class Email extends React.Component { // eslint-disable-line react/prefer
             "language": this.supportedLanguages[languageIndex].language,
             "template-content": templates.html_content,
           };
-          if (templates.drag_drop_id) {
+          const isBEEAppEnable = this.checkBeeEditorAllowedForLibrary();
+          if (templates.drag_drop_id && isBEEAppEnable) {
             tempData.drag_drop_id = templates.drag_drop_id;
-            this.props.actions.getCmsSetting(BEE_PLUGIN, tempData._id, 'open', tempData.iso_code, isEdmSupport);
+            this.props.actions.getCmsSetting(BEE_PLUGIN, tempData._id, 'open', tempData.iso_code, isEdmSupport, isBEEAppEnable);
           }
           // formData.usingTabContainer = true;
           // formData.tabCount = 1;
@@ -2143,9 +2158,10 @@ export class Email extends React.Component { // eslint-disable-line react/prefer
 
       this.setState({formData, loading: false, injectedTags: data.tags, tabKey, isDragDrop: (data.base.is_drag_drop !== 0 )}, () => {
         // this.setState({tabKey: ''});
+        const isBEEEnable = this.checkBeeEditorAllowedForLibrary();
         _.forEach(formData[0].selectedLanguages, (language) => {
-          if (formData[0][language].is_drag_drop) {
-            this.props.actions.getCmsSetting(BEE_PLUGIN, formData[0][language].drag_drop_id, 'open', language, isEdmSupport);
+          if (formData[0][language].is_drag_drop && isBEEEnable) {
+            this.props.actions.getCmsSetting(BEE_PLUGIN, formData[0][language].drag_drop_id, 'open', language, isEdmSupport, isBEEEnable);
           }
         });
       });
@@ -2482,8 +2498,8 @@ export class Email extends React.Component { // eslint-disable-line react/prefer
       // const isEdmSupport = (this.props.location.query.isEdmSupport) ? this.props.location.query.isEdmSupport : true;
       // let getQuery = '';
       const isEdmSupport = (this.props.location.query.isEdmSupport !== "false") || false;
-
-      this.props.actions.getCmsSetting(BEE_PLUGIN, data._id, 'create', this.state.formData[this.state.currentTab - 1].activeTab, isEdmSupport);
+      const isBEEAppEnable = this.checkBeeEditorAllowedForLibrary();
+      this.props.actions.getCmsSetting(BEE_PLUGIN, data._id, 'create', this.state.formData[this.state.currentTab - 1].activeTab, isEdmSupport, isBEEAppEnable);
       // this.props.templatesActions.setEdmTemplate(data);
       this.toggleEdmEmailTemplateSelection();
       // if (type && type.toLowerCase() === 'email') {

package/v2Containers/Email/sagas.js

@@ -51,9 +51,9 @@ export function* getAllAssets(assetType, queryParams) {
   }
 }
 
-export function* getCmsSetting({cmsType, projectId, cmsMode, langId, isEdmSupport}) {
+export function* getCmsSetting({cmsType, projectId, cmsMode, langId, isEdmSupport, isBEEAppEnable}) {
   try {
-    const result = yield call(Api.getCmsTemplateSettingsV2, cmsType, projectId, cmsMode, langId, isEdmSupport);
+    const result = yield call(Api.getCmsTemplateSettingsV2, cmsType, projectId, cmsMode, langId, isEdmSupport, isBEEAppEnable);
 
     yield put({ type: types.GET_CMS_EDITOR_DETAILS_SUCCESS, settings: result.data.response.cmsDetails });
   } catch (error) {

package/v2Containers/EmailWrapper/index.js

@@ -196,6 +196,7 @@ export class EmailWrapper extends React.Component { // eslint-disable-line react
       onPreviewContentClicked,
       onTestContentClicked,
       cmsTemplatesLoader,
+      editor,
     } = this.props;
     const {
       templateName,
@@ -259,6 +260,7 @@ export class EmailWrapper extends React.Component { // eslint-disable-line react
                 selectedOfferDetails={selectedOfferDetails}
                 onPreviewContentClicked={onPreviewContentClicked}
                 onTestContentClicked={onTestContentClicked}
+                editor={editor}
               />}
               {!isShowEmailCreate && (
                 <CmsTemplatesComponent