@capillarytech/creatives-library 6.13.9 → 6.14.0

package/v2Containers/CreativesContainer/SlideBoxContent.js

@@ -2,7 +2,6 @@ import React from 'react';
 import PropTypes from 'prop-types';
 import styled from 'styled-components';
 import get from 'lodash/get';
-import cloneDeep from 'lodash/cloneDeep';
 import TemplatesV2 from '../TemplatesV2';
 import TemplatePreview from '../../v2Components/TemplatePreview';
 import SmsCreate from '../Sms/Create';
@@ -19,7 +18,6 @@ import CallTask from '../CallTask';
 import MobliPushEdit from '../MobilePush/Edit';
 import * as constants from './constants';
 import LineContainer from '../Line/Container';
-import Viber from '../Viber';
 const CreativesWrapper = styled.div`
   .ant-popover,
   .ant-notification,
@@ -34,6 +32,7 @@ function getWechatTemplateType(mode, templateData, weChatTemplateType = '') {
   }
   return weChatTemplateType;
 }
+
 const getLineType = ({
   slidBoxContent,
   channel,
@@ -70,23 +69,7 @@ const getLineType = ({
     }
   }
   return {};
-};
-const getViber = ({
-  slidBoxContent,
-  channel,
-  isFullMode,
-  templateData,
-}) => {
-  if ((channel === constants.VIBER || (slidBoxContent === 'editTemplate' && templateData && templateData.type === constants.VIBER)) && slidBoxContent !== 'templates') {
-    const isCreate = slidBoxContent === 'createTemplate';
-    const isEdit = slidBoxContent === 'editTemplate';
-    return {
-      isCreate,
-      isEdit,
-    };
-  }
-  return {};
-};
+}
 
 function SlideBoxContent(props) {
   const {
@@ -113,7 +96,6 @@ function SlideBoxContent(props) {
       cap,
       onResetStep,
       isFullMode,
-      editor,
       onCallTaskSubmit,
       setIsLoadingContent,
       showTemplateName,
@@ -152,15 +134,6 @@ function SlideBoxContent(props) {
     isFullMode,
     templateData,
   });
-  const {isCreate: isCreateViber = false,
-    isEdit: isEditViber = false } = getViber({
-      slidBoxContent,
-      channel,
-      isFullMode,
-      templateData,
-    });
-
-
   const isCreateSms = slidBoxContent === 'createTemplate' && channel === constants.SMS;
   const isCreateMPush = slidBoxContent === 'createTemplate' && channel === constants.MOBILE_PUSH;
   const isCreateCallTask = slidBoxContent === 'createTemplate' && channel === constants.CALL_TASK;
@@ -182,7 +155,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);
+    isPreview = slidBoxContent === 'preview' && (channel === constants.SMS || channel === constants.LINE);
     isEmailPreview = slidBoxContent === 'preview' && channel === constants.EMAIL;
     isMpushPreview = slidBoxContent === 'preview' && channel === constants.MOBILE_PUSH;
   }
@@ -211,7 +184,7 @@ function SlideBoxContent(props) {
           } = {},
           template,
         }) => {
-          const previewContent = {};
+          let previewContent = {};
           previewContent.messageContent = text;
           previewContent.previewImageUrl = previewImageUrl;
           previewContent.selectedSticker = selectedSticker || {
@@ -249,16 +222,6 @@ function SlideBoxContent(props) {
           return previewContent;
         });
       }
-      case constants.VIBER: {
-        const template = cloneDeep(templateDataObject);
-        const { text = "", imageURL = "", buttonText = "" } = get(template, 'versions.base.content.viber', {});
-        template.content = {
-          messageContent: text,
-          imageURL,
-          buttonText,
-        };
-        return template.content;
-      }
       default:
         return get(templateDataObject, `versions.base.content`);
     }
@@ -403,7 +366,6 @@ function SlideBoxContent(props) {
         step={templateStep}
         showNextStep={onCreateNextStep}
         isFullMode={isFullMode}
-        editor={editor}
         cap={cap}
         onResetStep={onResetStep}
         showTemplateName={showTemplateName}
@@ -430,7 +392,6 @@ function SlideBoxContent(props) {
         getFormSubscriptionData={getFormData}
         getDefaultTags={type}
         isFullMode={isFullMode}
-        editor={editor}
         cap={cap}
         showTemplateName={showTemplateName}
         onValidationFail={onValidationFail}
@@ -495,7 +456,6 @@ function SlideBoxContent(props) {
             messageDetails={messageDetails}
             cap={cap}
             onFacebookSubmit={onFacebookSubmit}
-            isFullMode={isFullMode}
           />
         )
       }
@@ -536,33 +496,6 @@ function SlideBoxContent(props) {
           />
         )
       }
-      {isCreateViber && (
-        <Viber
-          location={creativesLocationProps}
-          onCreateComplete={onCreateComplete}
-          isFullMode={isFullMode}
-          handleClose={handleClose}
-          isGetFormData={isGetFormData}
-          getFormSubscriptionData={getFormData}
-          onShowTemplates={onShowTemplates}
-          templateData={templateData}
-          createNew/>
-      )}
-
-      {isEditViber && <Viber
-        location={creativesLocationProps}
-        params={{
-          id: templateData._id,
-        }}
-        onCreateComplete={onCreateComplete}
-        isFullMode={isFullMode}
-        handleClose={handleClose}
-        isGetFormData={isGetFormData}
-        getFormSubscriptionData={getFormData}
-        onShowTemplates={onShowTemplates}
-        templateData={templateData}
-        createNew/> }
-
     </CreativesWrapper>
   );
 }

package/v2Containers/CreativesContainer/constants.js

@@ -13,7 +13,5 @@ export const CALL_TASK = "CALL_TASK";
 export const MOBILE_PUSH = "MOBILEPUSH";
 export const WECHAT = "WECHAT";
 export const FACEBOOK = "FACEBOOK";
-export const VIBER = "VIBER";
-
 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

@@ -5,7 +5,7 @@ import {
 } from '@capillarytech/cap-ui-library';
 import { injectIntl, FormattedMessage } from 'react-intl';
 import classnames from 'classnames';
-import {isEmpty, get, forEach, cloneDeep} from 'lodash';
+import {isEmpty, get, forEach} from 'lodash';
 import { connect } from 'react-redux';
 import { createStructuredSelector } from 'reselect';
 import { bindActionCreators } from 'redux';
@@ -18,6 +18,7 @@ import SlideBoxHeader from './SlideBoxHeader';
 import SlideBoxFooter from './SlideBoxFooter';
 import * as constants from './constants';
 import * as commonUtil from '../../utils/common';
+
 import './index.scss';
 import * as templateActions from '../Templates/actions';
 import * as globalActions from '../Cap/actions';
@@ -246,24 +247,6 @@ class Creatives extends React.Component {
           };
           break;
         }
-        case constants.VIBER: {
-          const { messageBody, isDefault } = templateData;
-          const viber = JSON.parse(messageBody || '{}');
-          creativesTemplateData = {
-            type: constants.VIBER,
-            isDefault,
-            edit: true,
-            name: "",
-            versions: {
-              base: {
-                content: {
-                  ...viber,
-                },
-              },
-            },
-          };
-          break;
-        }
         default:
           break;
       }
@@ -349,23 +332,6 @@ class Creatives extends React.Component {
           };
         }
         break;
-      case constants.VIBER:
-        if (template.value) {
-          const { Templates = {} } = this.props || {};
-          const selectedViberAccount = Templates && Templates.selectedViberAccount;
-          const accountDetails = selectedViberAccount || '';
-          const accountId = selectedViberAccount ? selectedViberAccount.id : '';
-          const { versions } = template.value;
-          const content = cloneDeep(versions.base.content);
-          content.scenarioKey = get(accountDetails, 'configs.scenario_key');
-          templateData = {
-            channel,
-            accountId,
-            accountDetails,
-            messageBody: JSON.stringify(content),
-          };
-        }
-        break;
       default:
         break;
     }
@@ -480,8 +446,8 @@ class Creatives extends React.Component {
       }
     }
 
-    const isLineViberChannel = templateData && [constants.LINE, constants.VIBER].includes(templateData);
-    if ([constants.LINE, constants.VIBER].includes(channel) || isLineViberChannel) {
+    const isLineChannel = templateData && templateData.type === constants.LINE;
+    if (channel === constants.LINE || isLineChannel) {
       showFooter = false;
     }
 
@@ -567,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, editor} = this.props;
+    const {isFullMode, creativesMode, cap, isUploading, channelsToHide, selectedWeChatAccount, forwardedTags, channelsToDisable, selectedOfferDetails, onTestContentClicked, onPreviewContentClicked, getCreativesData, fetchingCmsData} = 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 (
@@ -640,7 +606,6 @@ 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, isBEEAppEnable) {
+export function getCmsSetting(cmsType, projectId, cmsMode, langId, isEdmSupport) {
   return {
     type: types.GET_CMS_EDITOR_DETAILS_REQUEST,
     cmsType,
@@ -46,7 +46,6 @@ 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;
-    const isBEEAppEnable = this.checkBeeEditorAllowedForLibrary();
-    if (!_.isEmpty(this.props.Templates.BEETemplate)) {
-      if (this.props.Templates.BEETemplate.versions.base.is_drag_drop && isBEEAppEnable ) {
+
+    if (!_.isEmpty(this.props.Templates.BEETemplate) ) {
+      if (this.props.Templates.BEETemplate.versions.base.is_drag_drop) {
         this.setState({isDragDrop: true});
       }
       if (this.props.params.id) {
-        this.props.actions.getCmsSetting(BEE_PLUGIN, this.props.Templates.BEETemplate._id, 'open', undefined, isBEESupport, isBEEAppEnable);
+        this.props.actions.getCmsSetting(BEE_PLUGIN, this.props.Templates.BEETemplate._id, 'open', undefined, isBEESupport);
       } 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, isBEEAppEnable);
+        this.props.actions.getCmsSetting(BEE_PLUGIN, this.props.Templates.BEETemplate._id, 'create', undefined, isBEESupport);
       }
     }
     this.setState({ content: (this.props.Templates.selectedEmailLayout ? this.props.Templates.selectedEmailLayout : ''), formData});
@@ -214,15 +214,6 @@ 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();
@@ -324,9 +315,8 @@ 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 && isBEEEnable) {
+          if (formData[0][language].is_drag_drop) {
             isBeeEditor = true;
           }
         });
@@ -359,7 +349,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 && this.checkBeeEditorAllowedForLibrary()) {
+        if (nextProps.Email.CmsSettings.isDragDrop) {
           const beeJson = `BEEeditor${currentTab > 1 ? currentTab : ''}json`;
           const beeToken = `BEEeditor${currentTab > 1 ? currentTab : ''}token`;
           let beeJsonValue = _.get(nextProps, 'Templates.BEETemplate.versions.base.json-content', '');
@@ -419,8 +409,7 @@ export class Email extends React.Component { // eslint-disable-line react/prefer
         }
 
         this.setState({ formData }, () => {
-          const isDragDrop = this.checkBeeEditorAllowedForLibrary() && nextProps.Email.CmsSettings.isDragDrop;
-          this.hideEdmOptions(isDragDrop);
+          this.hideEdmOptions(nextProps.Email.CmsSettings.isDragDrop);
         });
       }
       if (nextProps.Email.createTemplateError && !_.isEqual(nextProps.Email.createTemplateError, this.props.Email.createTemplateError)) {
@@ -480,7 +469,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 && this.checkBeeEditorAllowedForLibrary()) {
+        if (isDragDrop && isBEESupport) {
           const evtData = JSON.parse(this.edmEvent.data);
           if (evtData.action === 'editBackground') {
             this.edmEvent.source.postMessage(JSON.stringify({
@@ -526,8 +515,7 @@ 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;
-      const activeBase = nextProps.Email.templateDetails.versions.base[base.activeTab];
-      if (activeBase && activeBase.is_drag_drop && this.checkBeeEditorAllowedForLibrary()) {
+      if (nextProps.Email.templateDetails.versions.base[base.activeTab].is_drag_drop) {
         this.setState({isDragDrop: true});
       }
     }
@@ -592,7 +580,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 && this.checkBeeEditorAllowedForLibrary()) {
+    if (formData[`${data - 1}`][formData[`${data - 1}`].activeTab].is_drag_drop) {
       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 {
@@ -617,7 +605,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 && this.checkBeeEditorAllowedForLibrary()) {
+    if (isDragDrop && isBEESupport) {
       let msg = {};
       if (data === "unsubscribe") {
         const anchor = `<a href='{{${data}}}'>${data}</a>`;
@@ -660,9 +648,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 && this.checkBeeEditorAllowedForLibrary()) {
+    if ( isDragDrop === true) {
       editorType = 'edmEditor';
-    } else if (isDragDrop === false && !this.checkBeeEditorAllowedForLibrary()) {
+    } else if (isDragDrop === false) {
       editorType = 'ckEditor';
     }
     GA.timeTracker.stopTimer(isEdit ? TRACK_EDIT_EMAIL : TRACK_CREATE_EMAIL, {
@@ -717,7 +705,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 && this.checkBeeEditorAllowedForLibrary()) {
+            if (val[language].is_drag_drop) {
               that.props.actions.getCmsData(BEE_PLUGIN, id, language);
             }
           });
@@ -918,7 +906,6 @@ 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;
@@ -926,8 +913,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 && isBEEAppEnable) {
-          this.props.actions.getCmsSetting(BEE_PLUGIN, editData._id, 'open', language, isBEESupport, isBEEAppEnable);
+        if (language && editData.versions.base[language].is_drag_drop) {
+          this.props.actions.getCmsSetting(BEE_PLUGIN, editData._id, 'open', language, isBEESupport);
         }
       });
 
@@ -1010,12 +997,11 @@ 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 && isBeeEnable && ((parseInt(index, 10) + 1) === this.state.currentTab)) {
+            if (newdata[language].is_drag_drop && ((parseInt(index, 10) + 1) === this.state.currentTab)) {
               saveCount += 1;
             }
           });
@@ -1132,14 +1118,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 && isBEEAppEnable) {
-        this.props.actions.getCmsSetting(BEE_PLUGIN, formData[currentTab][baseLanguage].drag_drop_id, 'duplicate', baseLanguage, isEdmSupport, isBEEAppEnable);
+      if (formData[currentTab][baseLanguage].is_drag_drop) {
+        this.props.actions.getCmsSetting(BEE_PLUGIN, formData[currentTab][baseLanguage].drag_drop_id, 'duplicate', baseLanguage, isEdmSupport);
       }
     });
   }
@@ -1517,7 +1503,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 && this.checkBeeEditorAllowedForLibrary()) {
+        if (isDragDrop && isEdmSupport) {
           const evtData = JSON.parse(this.edmEvent.data);
           if (evtData.action === 'editBackground') {
             this.edmEvent.source.postMessage(JSON.stringify({
@@ -1552,7 +1538,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 && this.checkBeeEditorAllowedForLibrary()) {
+    if (isDragDrop && !this.state.showEmailPreview) {
       this.handleEdmSave();
       this.setState({mode: "preview", gettingPreviewData: true});
     } else if (this.state.showEmailPreview) {
@@ -2131,10 +2117,9 @@ export class Email extends React.Component { // eslint-disable-line react/prefer
             "language": this.supportedLanguages[languageIndex].language,
             "template-content": templates.html_content,
           };
-          const isBEEAppEnable = this.checkBeeEditorAllowedForLibrary();
-          if (templates.drag_drop_id && isBEEAppEnable) {
+          if (templates.drag_drop_id) {
             tempData.drag_drop_id = templates.drag_drop_id;
-            this.props.actions.getCmsSetting(BEE_PLUGIN, tempData._id, 'open', tempData.iso_code, isEdmSupport, isBEEAppEnable);
+            this.props.actions.getCmsSetting(BEE_PLUGIN, tempData._id, 'open', tempData.iso_code, isEdmSupport);
           }
           // formData.usingTabContainer = true;
           // formData.tabCount = 1;
@@ -2158,10 +2143,9 @@ 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 && isBEEEnable) {
-            this.props.actions.getCmsSetting(BEE_PLUGIN, formData[0][language].drag_drop_id, 'open', language, isEdmSupport, isBEEEnable);
+          if (formData[0][language].is_drag_drop) {
+            this.props.actions.getCmsSetting(BEE_PLUGIN, formData[0][language].drag_drop_id, 'open', language, isEdmSupport);
           }
         });
       });
@@ -2498,8 +2482,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;
-      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.actions.getCmsSetting(BEE_PLUGIN, data._id, 'create', this.state.formData[this.state.currentTab - 1].activeTab, isEdmSupport);
       // 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, isBEEAppEnable}) {
+export function* getCmsSetting({cmsType, projectId, cmsMode, langId, isEdmSupport}) {
   try {
-    const result = yield call(Api.getCmsTemplateSettingsV2, cmsType, projectId, cmsMode, langId, isEdmSupport, isBEEAppEnable);
+    const result = yield call(Api.getCmsTemplateSettingsV2, cmsType, projectId, cmsMode, langId, isEdmSupport);
 
     yield put({ type: types.GET_CMS_EDITOR_DETAILS_SUCCESS, settings: result.data.response.cmsDetails });
   } catch (error) {

package/v2Containers/EmailWrapper/index.js

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

package/v2Containers/Templates/_templates.scss

@@ -46,63 +46,6 @@
         }
       }
     }
-    .VIBER {
-      &.cap-custom-card{
-        height: 241px;
-        .ant-card-body {
-         padding:0px 24px 0px;
-          .button-content {    
-            .ant-card-meta-description {
-                min-width: 108px;
-                max-width: 160px;
-                height: 24px;
-                padding: 1px 23px 2px 22px;
-                border-radius: 16px;
-                font-size: 14px;
-                font-weight: 500;
-                background-color:$CAP_PURPLE01;
-                color:$CAP_WHITE;
-                text-align:center;
-            }
-          }
-          .truncate-text-viber{
-            .ant-card-meta-description{
-              display: -webkit-box;
-              -webkit-line-clamp: 9;
-              -webkit-box-orient: vertical; 
-            }
-          }
-          .truncate-text-with-button{
-            .ant-card-meta-description{
-            -webkit-line-clamp: 8;
-            }
-          }
-          .truncate-text-with-image{
-            .ant-card-meta-description{
-            -webkit-line-clamp: 2;
-            }
-          }
-        
-        }
-      
-        &.no-image .ant-card-meta {    
-          .ant-card-meta-description {
-            word-wrap: break-word;
-          }
-        }
-    
-  
-        &.carousel-img-section {
-          .ant-card-body {
-            padding: $CAP_SPACE_24 0;
-          }
-          .ant-card-meta {
-            padding: 0;
-          }
-        }
-    }
-
-    }
   }
 }