@capillarytech/creatives-library 3.1.49 → 3.2.1

package/v2Containers/WeChat/RichmediaTemplates/Create/index.js

@@ -17,7 +17,7 @@ import cloneDeep from 'lodash/cloneDeep';
 import forEach from 'lodash/forEach';
 import isEqual from 'lodash/isEqual';
 import get from 'lodash/get';
-import { CapRow, CapColumn, CapButton, CapCard, CapSpin, CapInput, CapHeading, CapDivider, CapIcon, CapLink, CapLabel, CapNotification, CapSlideBox } from '@capillarytech/cap-ui-library';
+import { CapRow, CapColumn, CapButton, CapCard, CapSpin, CapInput, CapHeading, CapDivider, CapIcon, CapLink, CapLabel, CapNotification } from '@capillarytech/cap-ui-library';
 import makeSelectCreate, {makeSelectTemplates, getAssetDetails, getContentAssetDetails} from './selectors';
 import * as actions from './actions';
 import richmediaschema from './richmediaschema';
@@ -26,8 +26,6 @@ import messages from './messages';
 import FormBuilder from '../../../../v2Components/FormBuilder';
 import WechatRichmediaTemplatePreview from '../../../../v2Components/TemplatePreview/WechatRichmediaTemplatePreview';
 import noImage from '../../../../assets/noImage.png';
-import Pagination from '../../../../v2Components/Pagination';
-import { CAP_SPACE_08, CAP_SPACE_12, CAP_SPACE_20, CAP_SPACE_16 } from '@capillarytech/cap-ui-library/styled/variables';
 
 export class Create extends React.Component { // eslint-disable-line react/prefer-stateless-function
   constructor(props) {
@@ -104,13 +102,6 @@ export class Create extends React.Component { // eslint-disable-line react/prefe
         type: 'confirm',
         id: 'template-back-confirm-modal',
       },
-      showExistingTemplates: false,
-      existingTemplatesPageNo: 1,
-      existingTemplatesPageLimit: 25,
-      sortBy: 'Most Recent',
-      searchText: '',
-      pagination: true,
-      scrollDebounce: true,
     };
     this.onFormDataChange = this.onFormDataChange.bind(this);
     this.cancelHandler = this.cancelHandler.bind(this);
@@ -845,126 +836,6 @@ export class Create extends React.Component { // eslint-disable-line react/prefe
     });
     return true;
   }
-
-  onChooseExistingTemplate = (template, e) => {
-    e.stopPropagation();
-    const content = get(template, 'versions.base.mediaList[0]', {});
-    let postCommentsValue = 'No one';
-    const templateData = cloneDeep(this.state.templateData);
-
-    if (content.only_fans_can_comment && content.need_open_comment) {
-      postCommentsValue = 'Only followers';
-    } else if (content.need_open_comment) {
-      postCommentsValue = 'Anyone';
-    }
-
-    templateData[this.state.currentContentId] = {
-      formData: {
-        'title-value': content.title,
-        'author-value': content.author,
-        'cover-abstract-value': content.digest,
-        'content-value': content.content,
-        'source-link-value': content.content_source_url,
-        'post-comments-value': postCommentsValue,
-        'show-cover-pic-value': content.show_cover_pic,
-      },
-      imageUrl: content.image_url,
-      mediaId: content.thumb_media_id,
-    };
-    this.setState({ templateData });
-    this.onCloseExistingTemplatesSlideBox();
-  }
-
-  getExistingTemplates = () => {
-    const { searchText, sortBy, existingTemplatesPageNo, existingTemplatesPageLimit } = this.state;
-    const { selectedWeChatAccount } = this.props.Templates;
-
-    this.setState({showExistingTemplates: true});
-    const queryParams = {
-      name: searchText || '',
-      sortBy: sortBy,
-      wecrmId: selectedWeChatAccount.configs.wecrm_app_id,
-      wecrmToken: selectedWeChatAccount.configs.wecrm_token,
-      originalId: selectedWeChatAccount.sourceAccountIdentifier,
-      page: existingTemplatesPageNo,
-      perPage: existingTemplatesPageLimit,
-    };
-    this.props.actions.getAllTemplates('wechat', queryParams);
-  }
-
-  searchTemplate = (data) => {
-    this.setState({searchText: data}, () => {
-      this.getExistingTemplates();
-    });
-  }
-
-  onPaginationChange = () => {
-    if (this.props.Create.pagination && this.state.scrollDebounce) {
-      this.setState((prevState) => ({
-        existingTemplatesPageNo: prevState.existingTemplatesPageNo + 1,
-        scrollDebounce: false,
-      }),
-      () => {
-        this.getExistingTemplates();
-        setTimeout(() => {
-          this.setState({ scrollDebounce: true })
-        }, 500);
-      });
-    }
-  }
-
-  existingTemplatesContent = () => {
-    const { getAllTemplatesInProgress, templates = [] } = this.props.Create;
-    return (
-      <CapSpin style={{textAlign: "center"}} spinning={getAllTemplatesInProgress}>
-        <CapInput.Search
-          className="search-text"
-          style={{ width: '100%', marginBottom: CAP_SPACE_16 }}
-          placeholder={this.props.intl.formatMessage(messages.searchText)}
-          value={this.state.searchText}
-          onChange={(e) => this.searchTemplate(e.target.value)}
-          onClear={() => this.searchTemplate('')}
-        />
-        <Pagination style={{ height: 'calc(100vh - 150px)', overflowY: 'auto' }} onPageChange={templates.length && this.onPaginationChange}>
-          { templates.map((template) => (
-              <CapCard
-                key={template._id}
-                bordered={false}
-                bodyStyle={{
-                  padding: 0,
-                  borderRadius: '4px',
-                  width: '276px',
-                  border: '16px solid #f4f5f7',
-                }}
-                onClick={(e) => this.onChooseExistingTemplate(template, e)}
-                style={{ paddingBottom: CAP_SPACE_12 }}
-              >
-                <div>
-                  <div className="custom-image">
-                    <img alt="" width="244px" height="136px" src={template.versions.base.mediaList[0].image_url} />
-                  </div>
-                  <div className="existing-template-title-card">
-                    <CapHeading type="h5" className="overflow-wrap-fields">{template.name || "Title"}</CapHeading>
-                  </div>
-                </div>
-              </CapCard>
-            ))
-          }
-        </Pagination>
-      </CapSpin>
-    );
-  }
-
-  onCloseExistingTemplatesSlideBox = () => {
-    this.setState({
-      showExistingTemplates: false,
-      existingTemplatesPageNo: 1,
-      existingTemplatesPageLimit: 25,
-      searchText: '',
-      pagination: true,
-    });
-  }
-
   updateContentData = () => {
     this.state.editorInstanse.insertHtml(`<img src='${this.props.ContentImageData.metaInfo.wechatUrl}' alt='Capillary Image'>`);
     this.props.actions.clearContentImageStore();
@@ -974,9 +845,8 @@ export class Create extends React.Component { // eslint-disable-line react/prefe
     const addRichMediaMenu = (
       <>
         <div style={{width: '292px'}}><CapDivider /></div>
-        <CapHeading type="h5" style={{marginBottom: '8px'}}>{this.props.intl.formatMessage(messages.addRichMediaContent)}</CapHeading>
-        <CapButton type="dashed" onClick={this.getExistingTemplates} prefix={<CapIcon size="s" type="media" />} style={{backgroundColor: 'white', width: '142px', marginRight: CAP_SPACE_08, paddingLeft: CAP_SPACE_12}}>{this.props.intl.formatMessage(messages.existingMedia)}</CapButton>
-        <CapButton type="dashed" onClick={this.menuOnClickEvent} prefix={<CapIcon size="s" type="add-media" />} style={{backgroundColor: 'white'}}>{this.props.intl.formatMessage(messages.newMedia)}</CapButton>
+        <CapHeading type="h5" style={{marginBottom: '8px'}}>Add rich media content</CapHeading>
+        <CapButton type="dashed" onClick={this.menuOnClickEvent} prefix={<CapIcon size="s" type="add-media" />} style={{backgroundColor: 'white'}}>New media</CapButton>
       </>
     );
     return addRichMediaMenu;
@@ -1032,7 +902,6 @@ export class Create extends React.Component { // eslint-disable-line react/prefe
     const schema = this.returnCurrentSchema();
     const formData = this.returnCurrentFormData();
     const { isIframe } = this.state;
-    const { intl } = this.props;
     this.updateImageData();
     if (this.props.ContentImageData && this.props.ContentImageData.metaInfo && this.props.ContentImageData.metaInfo.wechatUrl) {
       this.updateContentData();
@@ -1058,7 +927,7 @@ export class Create extends React.Component { // eslint-disable-line react/prefe
                 </CapColumn>
                 <CapColumn span={15}>
                   { !isIframe && <CapInput
-                    label={this.props.intl.formatMessage(messages.nameOfTemplate)}
+                    label="Name of the template"
                     value={this.state.templateName}
                     onChange={this.templateNameHandler}
                     size="large"
@@ -1087,17 +956,6 @@ export class Create extends React.Component { // eslint-disable-line react/prefe
               </CapRow>
             </div>
           </div>
-          <CapSlideBox
-            header={(
-              <CapHeading type="h3">
-                {intl.formatMessage(messages.existingMediaHeader)}
-              </CapHeading>
-            )}
-            content={this.existingTemplatesContent()}
-            show={this.state.showExistingTemplates}
-            handleClose={this.onCloseExistingTemplatesSlideBox}
-            size="size-s"
-          />
         </CapSpin>
       </div>
     );

package/v2Containers/WeChat/RichmediaTemplates/Create/messages.js

@@ -5,262 +5,233 @@
 */
 import { defineMessages } from 'react-intl';
 
-const scope = 'creatives.containersV2.richMedia.Create';
 export default defineMessages({
   "header": {
-    id: `${scope}.header`,
+    id: 'creatives.containersV2.richMedia.create.header',
     defaultMessage: 'This is Create container !',
   },
   "titleCharacterCount": {
-    id: `${scope}.titleCharacterCount`,
+    id: 'creatives.containersV2.richMedia.create.titleCharacterCount',
     defaultMessage: 'Title exceeds character count limit by',
   },
   "authorCharacterCount": {
-    id: `${scope}.authorCharacterCount`,
+    id: 'creatives.containersV2.richMedia.create.authorCharacterCount',
     defaultMessage: 'Author exceeds character count limit by',
   },
   "coverAbstractCharacterCount": {
-    id: `${scope}.coverAbstractCharacterCount`,
+    id: 'creatives.containersV2.richMedia.create.coverAbstractCharacterCount',
     defaultMessage: 'Cover abstract exceeds character count limit by',
   },
   "saveSuccess": {
-    id: `${scope}.saveSuccess`,
+    id: 'creatives.containersV2.richMedia.create.saveSuccess',
     defaultMessage: 'Template saved successfully',
   },
   "modalTitle": {
-    id: `${scope}.modalTitle`,
+    id: 'creatives.containersV2.richMedia.create.modalTitle',
     defaultMessage: 'Alert',
   },
   "modalBody": {
-    id: `${scope}.modalBody`,
+    id: 'creatives.containersV2.richMedia.create.modalBody',
     defaultMessage: 'Do you really want to go back? All your temporary changes will be lost!',
   },
   "deleteContent": {
-    id: `${scope}.deleteContent`,
+    id: 'creatives.containersV2.richMedia.create.deleteContent',
     defaultMessage: 'Do you really want to delete? All your temporary changes will be lost!',
   },
   "emptyTemplateName": {
-    id: `${scope}.emptyTemplateName`,
+    id: 'creatives.containersV2.richMedia.create.emptyTemplateName',
     defaultMessage: 'Cannot leave template name empty',
   },
   "wrongFormatFile": {
-    id: `${scope}.wrongFormatFile`,
+    id: 'creatives.containersV2.richMedia.create.wrongFormatFile',
     defaultMessage: 'Wrong file upoaded. Please upload image file',
   },
   "formEmpty": {
-    id: `${scope}.formEmpty`,
+    id: 'creatives.containersV2.richMedia.create.formEmpty',
     defaultMessage: 'Cannot leave form empty',
   },
   "titleEmpty": {
-    id: `${scope}.titleEmpty`,
+    id: 'creatives.containersV2.richMedia.create.titleEmpty',
     defaultMessage: 'Cannot leave title field empty',
   },
   "noImage": {
-    id: `${scope}.noImage`,
+    id: 'creatives.containersV2.richMedia.create.noImage',
     defaultMessage: 'Please upload an image',
   },
   "sourceLinkEmpty": {
-    id: `${scope}.sourceLinkEmpty`,
+    id: 'creatives.containersV2.richMedia.create.sourceLinkEmpty',
     defaultMessage: 'Cannot leave source link field empty',
   },
   "contentEmpty": {
-    id: `${scope}.contentEmpty`,
+    id: 'creatives.containersV2.richMedia.create.contentEmpty',
     defaultMessage: 'Cannot leave content field empty',
   },
   "titleNameRepeated": {
-    id: `${scope}.titleNameRepeated`,
+    id: 'creatives.containersV2.richMedia.create.titleNameRepeated',
     defaultMessage: 'Title name cannot be repeated',
   },
   "wrongUrl": {
-    id: `${scope}.wrongUrl`,
+    id: 'creatives.containersV2.richMedia.create.wrongUrl',
     defaultMessage: 'Enter correct URL',
   },
   "maxContentCount": {
-    id: `${scope}.maxContentCount`,
+    id: 'creatives.containersV2.richMedia.create.maxContentCount',
     defaultMessage: 'You have reached the maximum template size',
   },
   "addNewRichmedia": {
-    id: `${scope}.addNewRichmedia`,
+    id: 'creatives.containersV2.richMedia.create.addNewRichmedia',
     defaultMessage: 'Add richmedia content',
   },
   'Title': {
-    id: `${scope}.Title`,
+    id: 'creatives.containersV2.richMedia.create.Title',
     defaultMessage: 'Title',
   },
   'Please input title': {
-    id: `${scope}.Please_input_title`,
+    id: 'creatives.containersV2.richMedia.create.Please_input_title',
     defaultMessage: 'Please input title',
   },
   'Author': {
-    id: `${scope}.Author`,
+    id: 'creatives.containersV2.richMedia.create.Author',
     defaultMessage: 'Author',
   },
   'Please input author': {
-    id: `${scope}.Please_input_author`,
+    id: 'creatives.containersV2.richMedia.create.Please_input_author',
     defaultMessage: 'Please input author',
   },
   'Cover image': {
-    id: `${scope}.Cover_image`,
+    id: 'creatives.containersV2.richMedia.create.Cover_image',
     defaultMessage: 'Cover image',
   },
   'Cover abstract': {
-    id: `${scope}.Cover_abstract`,
+    id: 'creatives.containersV2.richMedia.create.Cover_abstract',
     defaultMessage: 'Cover abstract',
   },
   'Please input cover abstract': {
-    id: `${scope}.Please_input_cover_abstract`,
+    id: 'creatives.containersV2.richMedia.create.Please_input_cover_abstract',
     defaultMessage: 'Please input cover abstract',
   },
   'Content': {
-    id: `${scope}.Content`,
+    id: 'creatives.containersV2.richMedia.create.Content',
     defaultMessage: 'Content',
   },
   'Please input content': {
-    id: `${scope}.Please_input_content`,
+    id: 'creatives.containersV2.richMedia.create.Please_input_content',
     defaultMessage: 'Please input content',
   },
   'Show cover picture': {
-    id: `${scope}.Show_cover_picture`,
+    id: 'creatives.containersV2.richMedia.create.Show_cover_picture',
     defaultMessage: 'Show cover picture',
   },
   'Who can post comments on this content': {
-    id: `${scope}.Who_can_post_comments_on_this_content`,
+    id: 'creatives.containersV2.richMedia.create.Who_can_post_comments_on_this_content',
     defaultMessage: 'Who can post comments on this content',
   },
   'No one': {
-    id: `${scope}.No_one`,
+    id: 'creatives.containersV2.richMedia.create.No_one',
     defaultMessage: 'No one',
   },
   'Anyone': {
-    id: `${scope}.Anyone`,
+    id: 'creatives.containersV2.richMedia.create.Anyone',
     defaultMessage: 'Anyone',
   },
   'Only followers': {
-    id: `${scope}.Only_followers`,
+    id: 'creatives.containersV2.richMedia.create.Only_followers',
     defaultMessage: 'Only followers',
   },
   'visibility': {
-    id: `${scope}.visibility`,
+    id: 'creatives.containersV2.richMedia.create.visibility',
     defaultMessage: 'visibility',
   },
   'delete': {
-    id: `${scope}.delete`,
+    id: 'creatives.containersV2.richMedia.create.delete',
     defaultMessage: 'delete',
   },
   'This field is required!': {
-    id: `${scope}.requiredField`,
+    id: 'creatives.containersV2.richMedia.create.requiredField',
     defaultMessage: 'This field is required!',
   },
   "Write a brief headline to draw customer's attention": {
-    id: `${scope}.titleInductiveText`,
+    id: 'creatives.containersV2.richMedia.create.titleInductiveText',
     defaultMessage: "Write a brief headline to draw customer's attention",
   },
   "Brand/name that your customer will recognise": {
-    id: `${scope}.authorInductiveText`,
+    id: 'creatives.containersV2.richMedia.create.authorInductiveText',
     defaultMessage: "Brand/name that your customer will recognise",
   },
   'Resolution 360 x 200': {
-    id: `${scope}.resolutionText`,
+    id: 'creatives.containersV2.richMedia.create.resolutionText',
     defaultMessage: 'Resolution 360 x 200',
   },
   'The relevant image that complements title.': {
-    id: `${scope}.coverImageTitle`,
+    id: 'creatives.containersV2.richMedia.create.coverImageTitle',
     defaultMessage: 'The relevant image that complements title.',
   },
   'Upload Image': {
-    id: `${scope}.uploadImage`,
+    id: 'creatives.containersV2.richMedia.create.uploadImage',
     defaultMessage: 'Upload Image',
   },
   'A short description help customers learn more': {
-    id: `${scope}.coverAbstractInductive`,
+    id: 'creatives.containersV2.richMedia.create.coverAbstractInductive',
     defaultMessage: 'A short description help customers learn more',
   },
   'Article content': {
-    id: `${scope}.articleContent`,
+    id: 'creatives.containersV2.richMedia.create.articleContent',
     defaultMessage: 'Article content',
   },
   'Insert Image': {
-    id: `${scope}.insertImage`,
+    id: 'creatives.containersV2.richMedia.create.insertImage',
     defaultMessage: 'Insert Image',
   },
   'Read more link': {
-    id: `${scope}.readMoreLink`,
+    id: 'creatives.containersV2.richMedia.create.readMoreLink',
     defaultMessage: 'Read more link',
   },
   'Link to help customers discover more about the brand.': {
-    id: `${scope}.linkInductiveText`,
+    id: 'creatives.containersV2.richMedia.create.linkInductiveText',
     defaultMessage: 'Link to help customers discover more about the brand.',
   },
   'somethingWentWrong': {
-    id: `${scope}.somethingWentWrong`,
+    id: 'creatives.containersV2.richMedia.create.somethingWentWrong',
     defaultMessage: 'Something went wrong!!',
   },
   'Template with the same name exists. Please try another template name.': {
-    id: `${scope}.templateNameExists`,
+    id: 'creatives.containersV2.richMedia.create.templateNameExists',
     defaultMessage: 'Template with the same name exists. Please try another template name.',
   },
-  'Template name already exists': {
-    id: 'creatives.containersV2.richMedia.create.templateNameAlreadyExists',
-    defaultMessage: 'Template name already exists',
-  },
   'Template name cannot be blank!': {
-    id: `${scope}.templateNameBlank`,
+    id: 'creatives.containersV2.richMedia.create.templateNameBlank',
     defaultMessage: 'Template name cannot be blank',
   },
   'Template name contains only whitespaces': {
-    id: `${scope}.templateNameContainsWS`,
+    id: 'creatives.containersV2.richMedia.create.templateNameContainsWS',
     defaultMessage: 'Template name contains only whitespaces',
   },
   'Please provide payload to the wechat template': {
-    id: `${scope}.payloadMissing`,
+    id: 'creatives.containersV2.richMedia.create.payloadMissing',
     defaultMessage: 'Please provide payload to create wechat template',
   },
   'Please provide source account identifier': {
-    id: `${scope}.sourceIdentMissing`,
+    id: 'creatives.containersV2.richMedia.create.sourceIdentMissing',
     defaultMessage: 'Please provide source account identifier',
   },
   'Please provide sufficient parameters to generate richmedia message payload': {
-    id: `${scope}.sufficientPayload`,
+    id: 'creatives.containersV2.richMedia.create.sufficientPayload',
     defaultMessage: 'Please provide sufficient parameters to generate richmedia message payload',
   },
   'Please provide sufficient params to create richmedia wechat template': {
-    id: `${scope}.sufficientParam`,
+    id: 'creatives.containersV2.richMedia.create.sufficientParam',
     defaultMessage: 'Please provide sufficient params to create richmedia wechat template',
   },
   'Upload has failed': {
-    id: `${scope}.uploadFailed`,
+    id: 'creatives.containersV2.richMedia.create.uploadFailed',
     defaultMessage: 'Upload has failed',
   },
   'Template with the same name exists': {
-    id: `${scope}.sameTemplateExists`,
+    id: 'creatives.containersV2.richMedia.create.sameTemplateExists',
     defaultMessage: 'Template with the same name exists',
   },
   'Failed to get File content': {
-    id: `${scope}.fileContentFailed`,
+    id: 'creatives.containersV2.richMedia.create.fileContentFailed',
     defaultMessage: 'Failed to get File content',
   },
-  'addRichMediaContent': {
-    id: `${scope}.addRichMediaContent`,
-    defaultMessage: 'Add rich media content',
-  },
-  'newMedia': {
-    id: `${scope}.newMedia`,
-    defaultMessage: 'New media',
-  },
-  'nameOfTemplate': {
-    id: `${scope}.nameOfTemplate`,
-    defaultMessage: 'Name of the template',
-  },
-  'existingMedia': {
-    id: `${scope}.existingMedia`,
-    defaultMessage: 'Existing media',
-  },
-  'existingMediaHeader': {
-    id: `${scope}.existingMediaHeader`,
-    defaultMessage: 'Rich media templates',
-  },
-  'searchText': {
-    id: `${scope}.searchText`,
-    defaultMessage: 'Search Templates',
-  },
 });

package/v2Containers/WeChat/RichmediaTemplates/Create/reducer.js

@@ -5,13 +5,9 @@
  */
 
 import { fromJS } from 'immutable';
-import unionBy from 'lodash/unionBy';
 import * as types from './constants';
 
-const initialState = fromJS({
-  getAllTemplatesInProgress: false,
-  templates: [],
-});
+const initialState = fromJS({});
 
 function createReducer(state = initialState, action) {
   switch (action.type) {
@@ -56,25 +52,6 @@ function createReducer(state = initialState, action) {
       return state
         .set('saveTemplateSuccess', false)
         .set('savingTemplate', false);
-    case types.GET_ALL_TEMPLATES_REQUEST:
-      return state
-        .set('getAllTemplatesInProgress', true).set('templateError', {});
-    case types.GET_ALL_TEMPLATES_SUCCESS:
-      const { data, isReset } = action;
-      if (isReset) {
-        return state
-          .set('getAllTemplatesInProgress', false)
-          .set('pagination', true)
-          .set('templates', data ? data.templates : [])
-          .set('isSearch', data ? data.search : false);
-      }
-      return state
-        .set('getAllTemplatesInProgress', false)
-        .set('pagination', data ? Boolean(data.templates.length) : true)
-        .set('templates', data ? unionBy(state.get('templates'), data.templates, '_id') : state.get('templates'))
-        .set('isSearch', data ? data.search : false);
-    case types.GET_ALL_TEMPLATES_FAILURE:
-      return state.set('getAllTemplatesInProgress', false).set('templateError', action.error);
     default:
       return state;
   }

package/v2Containers/WeChat/RichmediaTemplates/Create/sagas.js

@@ -1,7 +1,5 @@
 import { take, cancel, call, put, takeLatest } from 'redux-saga/effects';
 import { LOCATION_CHANGE } from 'react-router-redux';
-import orderBy from 'lodash/orderBy';
-import moment from 'moment';
 import * as Api from '../../../../services/api';
 import * as types from './constants';
 // import testschema from './testschema';
@@ -35,48 +33,6 @@ export function* saveTemplate({template, callback}) {
     yield put({ type: types.SAVE_TEMPLATE_FAILURE, error });
   }
 }
-
-export function* getAllTemplates(action) {
-  try {
-    const result = yield call(Api.getAllTemplates, action);
-    const channelTemplates = {
-      templates: result.response.richmedia,
-    };
-    if (
-      action.channel === 'wechat' &&
-      action.queryParams &&
-      action.queryParams.sortBy
-      ) {
-      if (action.queryParams.sortBy.toLocaleLowerCase() === ("Most Recent").toLocaleLowerCase()) {
-        channelTemplates.templates = orderBy(channelTemplates.templates, (template) => moment(template.updatedAt), ['desc']);
-        // channelTemplates.templates.sort((a, b) => {
-        //   const dateA = new Date(a.updatedAt);
-        //   const dateB = new Date(b.updatedAt);
-        //   return dateB - dateA;
-        // });
-      } else if (action.queryParams.sortBy.toLocaleLowerCase() === ("Alphabetically").toLocaleLowerCase()) {
-        channelTemplates.templates.sort((a, b) => b.name - a.name);
-      }
-    }
-    yield put({
-      type: types.GET_ALL_TEMPLATES_SUCCESS,
-      data: channelTemplates,
-      isReset: action.queryParams.page === 1,
-    });
-  } catch (error) {
-    yield put({
-      type: types.GET_ALL_TEMPLATES_FAILURE,
-      error,
-    });
-  }
-}
-
-function* watchGetAllTemplates() {
-  const watcher = yield takeLatest(types.GET_ALL_TEMPLATES_REQUEST, getAllTemplates);
-  yield take(LOCATION_CHANGE);
-  yield cancel(watcher);
-}
-
 function* watchUploadAsset() {
   const watcher = yield takeLatest(types.UPLOAD_ASSET_REQUEST, uploadAsset);
   yield take(LOCATION_CHANGE);
@@ -92,5 +48,4 @@ export default [
   defaultSaga,
   watchUploadAsset,
   watchSaveTemplate,
-  watchGetAllTemplates,
 ];

package/v2Containers/WeChat/RichmediaTemplates/Edit/constants.js

@@ -8,7 +8,3 @@ export const DEFAULT_ACTION = 'app/Edit/DEFAULT_ACTION';
 export const GET_TEMPLATE_DETAILS_REQUEST = 'app/v2Containers/WeChat/RichmediaTemplates/Edit/GET_TEMPLATE_DETAILS_REQUEST';
 export const GET_TEMPLATE_DETAILS_SUCCESS = 'app/v2Containers/WeChat/RichmediaTemplates/Edit/GET_TEMPLATE_DETAILS_SUCCESS';
 export const GET_TEMPLATE_DETAILS_FAILURE = 'app/v2Containers/WeChat/RichmediaTemplates/Edit/GET_TEMPLATE_DETAILS_FAILURE';
-
-export const NO_ONE = 'No one';
-export const ONLY_FOLLOWERS = 'Only followers';
-export const ANYONE = 'Anyone';

package/v2Containers/WeChat/RichmediaTemplates/Edit/index.js

@@ -15,7 +15,6 @@ import { CapSpin } from '@capillarytech/cap-ui-library';
 import { createStructuredSelector } from 'reselect';
 import makeSelectEdit, { makeSelectTemplates } from './selectors';
 import * as actions from './actions';
-import { NO_ONE, ONLY_FOLLOWERS, ANYONE } from './constants';
 import Create from '../Create';
 import { getCommonProps } from '../../helper';
 
@@ -40,18 +39,12 @@ export class Edit extends React.PureComponent { // eslint-disable-line react/pre
     if (!_.isEmpty(templateDetails)) {
       _.forEach(templateDetails.versions.base.mediaList, (content) => {
         const formData = {};
-        let postCommentsValue = NO_ONE;
-        if (content.only_fans_can_comment && content.need_open_comment) {
-          postCommentsValue = ONLY_FOLLOWERS;
-        } else if (content.need_open_comment) {
-          postCommentsValue = ANYONE;
-        }
         formData['title-value'] = content.title;
         formData['author-value'] = content.author;
         formData['cover-abstract-value'] = content.digest;
         formData['content-value'] = content.content;
         formData['source-link-value'] = content.content_source_url;
-        formData['post-comments-value'] = postCommentsValue;
+        formData['post-comments-value'] = content.post_comments_scope;
         formData['show-cover-pic-value'] = content.show_cover_pic;
         templateData[contentId] = {
           formData,