@capillarytech/creatives-library 6.10.0 → 6.10.2

package/v2Containers/Email/initialSchema.js

@@ -199,9 +199,24 @@ export const response = {
                               "getEditorInstanse",
                             ],
                           },
+                          // will remove once bee gets tested end to end
+                          // {
+                          //   id: "edmeditor",
+                          //   type: "edmeditor",
+                          //   metaType: "text",
+                          //   datatype: "string",
+                          //   required: true,
+                          //   onlyDisplay: true,
+                          //   standalone: false,
+                          //   width: 24,
+                          //   order: 2,
+                          //   customComponent: true,
+                          //   colStyle: { display: "none" },
+                          //   supportedEvents: [],
+                          // },
                           {
-                            id: "edmeditor",
-                            type: "edmeditor",
+                            id: "BEEeditor",
+                            type: "BEEeditor",
                             metaType: "text",
                             datatype: "string",
                             required: true,
@@ -365,7 +380,7 @@ export const response = {
                           styling: "semantic",
                           order: 3,
                           width: 2,
-                          offset: 1,
+                          offset: 4,
                           fluid: false,
                           onlyDisplay: true,
                           submitAction: "onTabOptionSelect",

package/v2Containers/Email/sagas.js

@@ -53,7 +53,7 @@ export function* getAllAssets(assetType, queryParams) {
 
 export function* getCmsSetting({cmsType, projectId, cmsMode, langId, isEdmSupport}) {
   try {
-    const result = yield call(Api.getCmsTemplateSettings, cmsType, projectId, cmsMode, langId, isEdmSupport);
+    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) {
@@ -63,7 +63,7 @@ export function* getCmsSetting({cmsType, projectId, cmsMode, langId, isEdmSuppor
 
 export function* getCmsData({cmsType, projectId, langId}) {
   try {
-    const result = yield call(Api.getCmsTemplateData, cmsType, projectId, langId);
+    const result = yield call(Api.getCmsTemplateDataV2, cmsType, projectId, langId);
 
     yield put({ type: types.GET_CMS_EDITOR_DATA_SUCCESS, data: result.data.response.data, langId: result.data.response.langId });
   } catch (error) {

package/v2Containers/Email/selectors.js

@@ -26,9 +26,14 @@ const selectLoadingStatus = () => createSelector(
   selectEmailDomain(), (email) => email.createTemplateInProgress || (email.assetUploading !== undefined && email.assetUploading)
 );
 
+const makeSelectFetchingCmsData = () => createSelector(
+  selectEmailDomain(), (state) => state.get('fetchingCmsData')
+);
+
 export default makeSelectEmail;
 export {
   makeSelectEmail,
   makeSelectCreateResponse,
   selectLoadingStatus,
+  makeSelectFetchingCmsData,
 };

package/v2Containers/EmailWrapper/index.js

@@ -15,7 +15,13 @@ import styled from 'styled-components';
 import { CapRadioCard, CapNotification, CapInput, CapUploader, CapSpin, CapButton } from '@capillarytech/cap-ui-library';
 import ComponentWithLabelHOC from '@capillarytech/cap-ui-library/assets/HOCs/ComponentWithLabelHOC';
 import { UserIsAuthenticated } from '../../utils/authWrapper';
-import { selectEmailLayout, selectCmsTemplates, selectEdmEditor, uploadSelector } from '../Templates/selectors';
+import {
+  selectEmailLayout,
+  selectCmsTemplates,
+  selectEdmEditor,
+  uploadSelector,
+  selectCmsTemplatesLoader,
+} from '../Templates/selectors';
 import * as templatesActionsCreators from '../Templates/actions';
 import Email from '../Email';
 import CmsTemplatesComponent from '../../v2Components/CmsTemplatesComponent';
@@ -76,7 +82,7 @@ export class EmailWrapper extends React.Component { // eslint-disable-line react
       //document.getElementById('upload-email-template').click();
     } else if (step === "templateSelection" && !this.state.selectedCreateMode) {
       if (emailCreateMode === "editor" && !CmsTemplates) {
-        templatesActions.getEdmDefaultTemplates();
+        templatesActions.getDefaultBeeTemplates();
       }
     } else if (step === "createTemplateContent" && !this.state.selectedCreateMode) {
       if (emailCreateMode === 'upload' && !_.isEmpty(EmailLayout)) {
@@ -156,6 +162,7 @@ export class EmailWrapper extends React.Component { // eslint-disable-line react
     const data = _.find(CmsTemplates, { _id: id });
 
     templatesActions.setEdmTemplate(data);
+    templatesActions.setBEETemplate(data);
     this.setState({
       selectedCreateMode: 'editor',
     });
@@ -188,6 +195,7 @@ export class EmailWrapper extends React.Component { // eslint-disable-line react
       selectedOfferDetails,
       onPreviewContentClicked,
       onTestContentClicked,
+      cmsTemplatesLoader,
     } = this.props;
     const {
       templateName,
@@ -206,6 +214,7 @@ export class EmailWrapper extends React.Component { // eslint-disable-line react
                   value={templateName}
                   labelPosition="top"
                   size="default"
+                  style={{ width: '68%'}}
                 />
               }
               <CardContainer>
@@ -251,7 +260,13 @@ export class EmailWrapper extends React.Component { // eslint-disable-line react
                 onPreviewContentClicked={onPreviewContentClicked}
                 onTestContentClicked={onTestContentClicked}
               />}
-              {CmsTemplates && !isShowEmailCreate && <CmsTemplatesComponent cmsTemplates={CmsTemplates} handleEdmDefaultTemplateSelection={this.useEditor} />}
+              {!isShowEmailCreate && (
+                <CmsTemplatesComponent
+                  cmsTemplates={CmsTemplates}
+                  handleEdmDefaultTemplateSelection={this.useEditor}
+                  cmsTemplatesLoader={cmsTemplatesLoader}
+                />
+              )}
             </div>
           }
         </CapSpin>
@@ -289,6 +304,7 @@ const mapStateToProps = createStructuredSelector({
   CmsTemplates: selectCmsTemplates(),
   SelectedEdmDefaultTemplate: selectEdmEditor(),
   isUploading: uploadSelector(),
+  cmsTemplatesLoader: selectCmsTemplatesLoader(),
 });
 
 function mapDispatchToProps(dispatch) {

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

@@ -87,7 +87,7 @@ export const LineImage = ({
         if (Line.uploadedAssetData && Object.keys(Line.uploadedAssetData).length) {
             const imgSrc = get(Line, 'uploadedAssetData.metaInfo.secure_file_path', '');
             const imgPreview = get(Line, 'uploadedAssetData.metaInfo.secure_file_path_preview', '');
-            if (imsSrc) {
+            if (imgSrc) {
                 updateUploadedAssetList({
                     ...uploadedAssetList,
                     [index]: {

package/v2Containers/TagList/index.js

@@ -66,24 +66,25 @@ export class TagList extends React.Component { // eslint-disable-line react/pref
   }
 
   populateTags(tagsList) {
-    console.log('populating tags', tagsList);
+    console.log('populating tags', (tagsList || []).length);
     const mainTags = {};
 
     //Form tags object with tag headers
     _.forEach(tagsList, (temp) => {
       const tag = temp.definition;
+      const { userLocale } = this.props;
       if (!tag['tag-header']) {
         mainTags[tag.value] = {
-          name: tag.label[this.props.userLocale] ? tag.label[this.props.userLocale] : tag.label.en,
+          name: tag.label[userLocale] ? tag.label[userLocale] : tag.label.en,
           desc: tag.desc ? tag.desc : tag.label.en,
         };
       } 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);
+        // console.log('Inside ', tag.label);
         mainTags[tag.value] = {
           'tag-header': true,
-          "name": tag.label[this.props.userLocale] ? tag.label[this.props.userLocale] : tag.label.en,
+          "name": tag.label[userLocale] ? tag.label[userLocale] : tag.label.en,
           "desc": tag.desc ? tag.desc : tag.label.en,
           "subtags": tag.subtags,
         };
@@ -228,13 +229,13 @@ export class TagList extends React.Component { // eslint-disable-line react/pref
     }
     if (this.props.tags && this.props.tags.length > 0) {
       tags = this.populateTags(this.props.tags);
-      console.log('populating tags', tags);
+      console.log('populating tags', Object.keys(tags || {}).length);
     }
     if (this.props.selectedOfferDetails && !_.isEmpty(this.props.selectedOfferDetails) && (tags && tags.coupon)) {
       this.transformCouponTags(this.props.selectedOfferDetails, tags);
     }
     tags = _.merge( {}, tags, injectedTags);
-    console.log('merged tags', tags);
+    console.log('merged tags', Object.keys(tags || {}).length);
     return (
       <div className={this.props.className ? this.props.className : ''}>
         <CapTagList
@@ -242,8 +243,11 @@ export class TagList extends React.Component { // eslint-disable-line react/pref
           tags={tags}
           onSelect={this.onSelect}
           label={this.props.label}
+          visibleTaglist={this.props.visibleTaglist}
+          hidePopover={this.props.hidePopover}
           onContextChange={this.getTagsforContext}
           moduleFilterEnabled={this.props.moduleFilterEnabled}
+          modalProps={this.props.modalProps}
         />
       </div>
     );
@@ -265,6 +269,9 @@ TagList.propTypes = {
   className: PropTypes.string,
   userLocale: PropTypes.string,
   selectedOfferDetails: PropTypes.array,
+  visibleTaglist: PropTypes.bool,
+  hidePopover: PropTypes.bool,
+  modalProps: PropTypes.any,
 };
 
 const mapStateToProps = createStructuredSelector({

package/v2Containers/Templates/actions.js

@@ -75,9 +75,9 @@
    };
  }
 
- export function getEdmDefaultTemplates() {
+ export function getDefaultBeeTemplates() {
    return {
-     type: types.GET_EDM_DEAFULT_TEMPLATES_REQUEST,
+     type: types.GET_DEAFULT_BEE_TEMPLATES_REQUEST,
    };
  }
 
@@ -87,7 +87,12 @@
      template,
    };
  }
-
+ export function setBEETemplate(template) {
+   return {
+     type: types.SET_BEE_TEMPLATE,
+     template,
+   };
+ }
  export function getTemplateDetails(id, channel) {
    console.log('getting template', id, channel);
    return {

package/v2Containers/Templates/constants.js

@@ -28,16 +28,14 @@ export const SEND_ZIPPED_FILE_REQUEST = "app/v2Containers/Templates/SEND_ZIPPED_
 export const SEND_ZIPPED_FILE_SUCCESS = "app/v2Containers/Templates/SEND_ZIPPED_FILE_SUCCESS";
 export const SEND_ZIPPED_FILE_FAILURE = "app/v2Containers/Templates/SEND_ZIPPED_FILE_FAILURE";
 
-export const GET_EDM_DEAFULT_TEMPLATES_REQUEST = 'app/v2Containers/Templates/GET_EDM_DEAFULT_TEMPLATES_REQUEST';
-export const GET_EDM_DEAFULT_TEMPLATES_SUCCESS = 'app/v2Containers/Templates/GET_EDM_DEAFULT_TEMPLATES_SUCCESS';
-export const GET_EDM_DEAFULT_TEMPLATES_FAILURE = 'app/v2Containers/Templates/GET_EDM_DEAFULT_TEMPLATES_FAILURE';
-
 export const GET_TEMPLATE_DETAILS_REQUEST = 'app/v2Containers/Templates/GET_TEMPLATE_DETAILS_REQUEST';
 export const GET_TEMPLATE_DETAILS_SUCCESS = 'app/v2Containers/Templates/GET_TEMPLATE_DETAILS_SUCCESS';
 export const GET_TEMPLATE_DETAILS_FAILURE = 'app/v2Containers/Templates/GET_TEMPLATE_DETAILS_FAILURE';
 
 
 export const SET_EDM_TEMPLATE = "app/v2Containers/Templates/SET_EDM_TEMPLATE";
+export const SET_BEE_TEMPLATE = "app/v2Containers/Templates/SET_BEE_TEMPLATE";
+
 export const RESET_ACCOUNT = "app/v2Containers/Templates/RESET_ACCOUNT";
 export const RESET_TEMPLATE = "app/v2Containers/Templates/RESET_TEMPLATE";
 export const RESET_TEMPLATE_DATA = "app/v2Containers/Templates/RESET_TEMPLATE_DATA";
@@ -45,3 +43,7 @@ export const RESET_UPLOAD_DATA = "app/v2Containers/Templates/RESET_UPLOAD_DATA";
 export const CLEAR_TEMPLATE_STORE_DATA = "app/v2Containers/Templates/CLEAR_TEMPLATE_STORE_DATA";
 
 export const SET_LINE_ACCOUNT = "app/v2Containers/Templates/SET_LINE_ACCOUNT";
+
+export const GET_DEAFULT_BEE_TEMPLATES_REQUEST = 'app/v2Containers/Templates/GET_DEAFULT_BEE_TEMPLATES_REQUEST';
+export const GET_DEAFULT_BEE_TEMPLATES_SUCCESS = 'app/v2Containers/Templates/GET_DEAFULT_BEE_TEMPLATES_SUCCESS';
+export const GET_DEAFULT_BEE_TEMPLATES_FAILURE = 'app/v2Containers/Templates/GET_DEAFULT_BEE_TEMPLATES_FAILURE';

package/v2Containers/Templates/index.js

@@ -208,10 +208,6 @@ export class Templates extends React.Component { // eslint-disable-line react/pr
       queryParams.perPage = this.state.perPageLimit;
       const channel = this.state.channel;
       this.props.actions.getAllTemplates(channel, queryParams);
-      //this.getAllTemplates({});
-      // if (this.state.channel.toLowerCase() === "email") {
-      //   this.props.actions.getEdmDefaultTemplates();
-      // }
     }
 
     window.addEventListener("message", this.handleFrameTasks);
@@ -236,7 +232,6 @@ export class Templates extends React.Component { // eslint-disable-line react/pr
         nextProps.actions.getWeCrmAccounts();
       } else if (nextProps.route.name.toLowerCase() === 'email') {
         channel = 'Email';
-        // this.props.actions.getEdmDefaultTemplates();
       } else if (nextProps.route.name.toLowerCase() === "mobilepush") {
         this.setState({defaultAccount: true});
         channel = "mobilepush";
@@ -654,7 +649,7 @@ export class Templates extends React.Component { // eslint-disable-line react/pr
                 {
                   carouselContent.map(({
                     imageUrl,
-                    actionLabel
+                    actionLabel,
                   }) => (
                     <img
                       width={208}
@@ -1001,7 +996,7 @@ export class Templates extends React.Component { // eslint-disable-line react/pr
         break;
     }
   };
-  
+
   createTemplate(ev) {
     const type = this.props.location.query.type;
     const module = this.props.location.query.module ? this.props.location.query.module : 'default';
@@ -1120,7 +1115,7 @@ export class Templates extends React.Component { // eslint-disable-line react/pr
   toggleEdmEmailTemplateSelection = () => {
     this.setState( (prevState) => ({
       showEdmEmailTemplates: !prevState.showEdmEmailTemplates}), () => {
-      this.props.actions.getEdmDefaultTemplates();
+      this.props.actions.getDefaultBeeTemplates();
     });
   };
 
@@ -1415,7 +1410,7 @@ export class Templates extends React.Component { // eslint-disable-line react/pr
         //content = template.versions.base.messages[0].Text;
         const lineContent = template.versions.base.content;
         content = {
-          bodyText:lineContent && lineContent.messages[0].text ? lineContent.messages[0].text : '',
+          bodyText: lineContent && lineContent.messages[0].text ? lineContent.messages[0].text : '',
           bodyImage: lineContent && lineContent.messages[0].originalContentUrl ? lineContent.messages[0].originalContentUrl : '',
         };
         const modeType = lineContent && lineContent.messages[0].type;
@@ -1538,12 +1533,23 @@ export class Templates extends React.Component { // eslint-disable-line react/pr
 
 
   isLoading = () => {
-    const lineLoader = (this.props.Templates.getAllTemplatesInProgress && this.state.channel.toLowerCase() === 'line');
-    const smsLoader = (this.props.Templates.getAllTemplatesInProgress && this.state.channel.toLowerCase() === 'sms');
-    const wechatLoader = (((this.state.selectedAccount !== '' && this.props.Templates.getAllTemplatesInProgress) || (this.props.Templates.fetchingWeCrmAccounts)) && this.state.channel.toLowerCase() === 'wechat');
-    const mobilePushLoader = (((this.props.Templates.getAllTemplatesInProgress) || (this.props.Templates.fetchingWeCrmAccounts)) && this.state.channel.toLowerCase() === 'mobilepush');
-    const emailLoader = ((this.props.Templates.getAllTemplatesInProgress || this.props.Templates.sendingFile) && this.state.channel.toLowerCase() === 'email');
-    const ebillLoader = ((this.props.Templates.getAllTemplatesInProgress || this.props.Templates.sendingFile) && this.state.channel.toLowerCase() === 'ebill');
+    const { EmailCreate, Templates } = this.props;
+    const {
+      getAllTemplatesInProgress,
+      deleteTemplateInProgress,
+      fetchingWeCrmAccounts,
+      sendingFile,
+    } = Templates;
+    const lineLoader = (getAllTemplatesInProgress && this.state.channel.toLowerCase() === 'line');
+    const smsLoader = (getAllTemplatesInProgress && this.state.channel.toLowerCase() === 'sms');
+    const wechatLoader = (((this.state.selectedAccount !== '' && getAllTemplatesInProgress) || (fetchingWeCrmAccounts)) && this.state.channel.toLowerCase() === 'wechat');
+    const mobilePushLoader = (((getAllTemplatesInProgress) || (fetchingWeCrmAccounts)) && this.state.channel.toLowerCase() === 'mobilepush');
+    const emailLoader = (
+      (getAllTemplatesInProgress ||
+      sendingFile ||
+      deleteTemplateInProgress ||
+      EmailCreate.duplicateTemplateInProgress) && this.state.channel.toLowerCase() === 'email');
+    const ebillLoader = ((getAllTemplatesInProgress || sendingFile) && this.state.channel.toLowerCase() === 'ebill');
     const isLoading = ((wechatLoader !== undefined) ? wechatLoader : false) ||
       (smsLoader !== undefined ? smsLoader : false) ||
       (emailLoader !== undefined ? emailLoader : false) ||
@@ -1801,7 +1807,7 @@ export class Templates extends React.Component { // eslint-disable-line react/pr
         </CapRadio.CapRadioGroup>
       }
       {
-        channel.toUpperCase() === LINE && 
+        channel.toUpperCase() === LINE &&
           isFullMode
           ? (
             <CapRadio.CapRadioGroup className="line-filters" defaultValue={lineFilter} onChange={this.setLineFilter}>
@@ -1831,9 +1837,7 @@ export class Templates extends React.Component { // eslint-disable-line react/pr
               }
             </CapRadio.CapRadioGroup>
           )
-          : () => {
-            return null;
-          }
+          : () => null
       }
       <div style={{display: "flex", justifyContent: "space-between", alignItems: 'center'}}>
         {isfilterContentVisisble && !isWechatEmbedded && <CapButton
@@ -1858,7 +1862,19 @@ export class Templates extends React.Component { // eslint-disable-line react/pr
     const creativesParams = this.getCreativesParams();
     const templates = this.props.TemplatesList || [];
     const {route} = this.props;
-    const loadingTip = (this.props.Templates.sendingFile && (this.state.channel.toLowerCase() === 'email' || this.state.channel.toLowerCase() === 'ebill')) ? this.props.intl.formatMessage(messages.uploadingFile) : this.props.intl.formatMessage(messages.gettingAllTemplates);
+    const loadingTipMap = {
+      sendingFile: 'uploadingFile',
+      deleteTemplateInProgress: 'deletingTemplate',
+      duplicateTemplateInProgress: 'duplicatingTemplate',
+    };
+    const { sendingFile, deleteTemplateInProgress } = this.props.Templates;
+    const loadingTipIntl =
+        ((['email', 'ebill'].includes(this.state.channel.toLowerCase() === 'email')) && sendingFile && 'sendingFile') ||
+        (deleteTemplateInProgress && 'deletingTemplate') ||
+        (this.props.EmailCreate.duplicateTemplateInProgress && 'duplicatingTemplate');
+
+    const loadingTip = messages[loadingTipIntl] ? this.props.intl.formatMessage(messages[loadingTipIntl]) : this.props.intl.formatMessage(messages.gettingAllTemplates);
+
     return (
       <>
         {activeMode === ACCOUNT_CHANGE_MODE && this.renderAccountSelection()}

package/v2Containers/Templates/messages.js

@@ -354,4 +354,12 @@ export default defineMessages({
     id: `${scope}.richMediaTemplates`,
     defaultMessage: 'Rich media templates',
   },
+  deletingTemplate: {
+    id: `${scope}.deletingTemplate`,
+    defaultMessage: 'Deleting template...',
+  },
+  duplicatingTemplate: {
+    id: `${scope}.duplicatingTemplate`,
+    defaultMessage: 'Duplicating template...'
+  },
 });

package/v2Containers/Templates/reducer.js

@@ -85,7 +85,8 @@ function templatesReducer(state = initialState, action) {
     case types.SET_SELECTED_LAYOUT:
       return state
         .set('selectedEmailLayout', fromJS(action.selectedTemplate))
-        .set('edmTemplate', fromJS({}));
+        .set('edmTemplate', fromJS({}))
+        .set('BEETemplate', fromJS({}));
     case types.RESET_UPLOAD_DATA:
       return state
         .set('selectedEmailLayout', "");
@@ -98,27 +99,34 @@ function templatesReducer(state = initialState, action) {
       return state
         .set('sendingFile', false)
         .set('selectedEmailLayout', fromJS(action.selectedTemplate))
-        .set('edmTemplate', fromJS({}));
+        .set('edmTemplate', fromJS({}))
+        .set('BEETemplate', fromJS({}));
     case types.SEND_ZIPPED_FILE_FAILURE:
       return state
         .set('sendingFile', false)
         .set('errorSendingFile', true)
         .set('errorMessage', action.data)
         .set('selectedEmailLayout', "");
-    case types.GET_EDM_DEAFULT_TEMPLATES_REQUEST:
+    case types.GET_DEAFULT_BEE_TEMPLATES_REQUEST:
       return state.set('getCmsTemplatesInProgress', true);
-    case types.GET_EDM_DEAFULT_TEMPLATES_SUCCESS:
+    case types.GET_DEAFULT_BEE_TEMPLATES_SUCCESS:
       return state.set('getCmsTemplatesInProgress', false)
         .set('cmsTemplates', action.data ? fromJS(action.data.templates) : []);
-    case types.GET_EDM_DEAFULT_TEMPLATES_FAILURE:
+    case types.GET_DEAFULT_BEE_TEMPLATES_FAILURE:
       return state.set('getCmsTemplatesInProgress', false);
     case types.SET_EDM_TEMPLATE:
       return state
         .set('edmTemplate', fromJS(action.template))
+        .set('BEETemplate', fromJS(action.template))
+        .set('selectedEmailLayout', "");
+    case types.SET_BEE_TEMPLATE:
+      return state
+        .set('BEETemplate', fromJS(action.template))
         .set('selectedEmailLayout', "");
     case types.RESET_TEMPLATE_DATA:
       return state
         .set('edmTemplate', fromJS({}))
+        .set('BEETemplate', fromJS({}))
         .set('selectedEmailLayout', "")
         .set('templateDetails', fromJS({}));
     case types.GET_TEMPLATE_DETAILS_REQUEST:

package/v2Containers/Templates/sagas.js

@@ -102,14 +102,14 @@ export function* sendZippedFile({selectedFile, errorHandler, successHandler}) {
   }
 }
 
-export function* getEdmTemplates() {
+export function* getDefaultBeeTemplates() {
   try {
     console.log('saga getAllTemplates');
-    const result = yield call(Api.getEdmTemplates);
+    const result = yield call(Api.getDefaultBeeTemplates);
     const edmTemplates = result.response;
-    yield put({ type: types.GET_EDM_DEAFULT_TEMPLATES_SUCCESS, data: edmTemplates });
+    yield put({ type: types.GET_DEAFULT_BEE_TEMPLATES_SUCCESS, data: edmTemplates });
   } catch (error) {
-    yield put({ type: types.GET_EDM_DEAFULT_TEMPLATES_FAILURE, error });
+    yield put({ type: types.GET_DEAFULT_BEE_TEMPLATES_FAILURE, error });
   }
 }
 
@@ -155,8 +155,8 @@ function* watchSendingFile() {
   yield cancel(watcher);
 }
 
-function* watchGetEdmDefaultTemplates() {
-  const watcher = yield takeLatest(types.GET_EDM_DEAFULT_TEMPLATES_REQUEST, getEdmTemplates);
+function* watchGetDefaultBeeTemplates() {
+  const watcher = yield takeLatest(types.GET_DEAFULT_BEE_TEMPLATES_REQUEST, getDefaultBeeTemplates);
   yield take(LOCATION_CHANGE);
   yield cancel(watcher);
 }
@@ -174,6 +174,6 @@ export default [
   watchGetUserList,
   watchFetchWeCrmAccounts,
   watchSendingFile,
-  watchGetEdmDefaultTemplates,
+  watchGetDefaultBeeTemplates,
   watchGetTemplateDetails,
 ];

package/v2Containers/Templates/selectors.js

@@ -57,12 +57,30 @@ const selectCmsTemplates = () => createSelector(makeSelectTemplates(), (template
   return null;
 });
 
+const selectCmsTemplatesLoader = () => createSelector(
+  makeSelectTemplates(),
+  (templates) => templates.getCmsTemplatesInProgress,
+);
+
 const selectEdmEditor = () => createSelector(makeSelectTemplates(), (templates) => {
   const {edmTemplate} = templates;
   return edmTemplate || null;
 });
+
+const selectBEEEditor = () => createSelector(makeSelectTemplates(), (templates) => {
+  const {BEETemplate} = templates;
+  return BEETemplate || null;
+});
+
 export {
   uploadSelector,
   templateUserList,
-  makeSelectTemplates, makeSelectTemplatesResponse, selectTemplateContent, selectEmailLayout, selectCmsTemplates, selectEdmEditor,
+  makeSelectTemplates,
+  makeSelectTemplatesResponse,
+  selectTemplateContent,
+  selectEmailLayout,
+  selectCmsTemplates,
+  selectEdmEditor,
+  selectBEEEditor,
+  selectCmsTemplatesLoader,
 };