@capillarytech/creatives-library 3.1.49 → 3.2.0

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';
@@ -27,7 +25,7 @@ export function* saveTemplate({template, callback}) {
     if (!result.success || result.status.code === 500) {
       errorMsg = result.message;
     }
-    if (callback && !errorMsg) {
+    if (callback) {
       yield call(callback, result.response);
     }
     yield put({ type: types.SAVE_TEMPLATE_SUCCESS, data: result.response, statusCode: result.status ? result.status.code : '', errorMsg});
@@ -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,

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

@@ -8,6 +8,7 @@ import PropTypes from 'prop-types';
 
 import React from 'react';
 import { connect } from 'react-redux';
+import Helmet from 'react-helmet';
 import { FormattedMessage } from 'react-intl';
 import { createStructuredSelector } from 'reselect';
 import makeSelectView from './selectors';
@@ -17,6 +18,12 @@ export class View extends React.PureComponent { // eslint-disable-line react/pre
   render() {
     return (
       <div>
+        <Helmet
+          title="View"
+          meta={[
+            { name: 'description', content: 'Description of View' },
+          ]}
+        />
         <FormattedMessage {...messages.header} />
       </div>
     );

package/v2Containers/WeChat/Wrapper/_wrapper.scss

@@ -1,13 +1,5 @@
-@import '~@capillarytech/cap-ui-library/styles/_variables.scss';
-
 .template-image {
   margin: 0 -1.142rem;
   height: 274px;
   width: 370px;
-}
-
-.ant-radio-group.#{cap-radioCard-v2} {
-  .ant-radio-button-wrapper {
-    border: 1px solid $CAP_G07;
-  }
-}
+}

package/v2Containers/WeChat/Wrapper/messages.js

@@ -7,23 +7,23 @@ import { defineMessages } from 'react-intl';
 
 export default defineMessages({
   richMedia: {
-    id: 'creatives.containers.WechatWrapper.richMedia',
+    id: 'app.containers.WechatWrapper.richMedia',
     defaultMessage: 'Richmedia template',
   },
   richMediaSubtext: {
-    id: 'creatives.containers.WechatWrapper.richMediaSubtext',
+    id: 'app.containers.WechatWrapper.richMediaSubtext',
     defaultMessage: 'Used for creating rich content using text, image, location and audio',
   },
   mapTemplate: {
-    id: 'creatives.containers.WechatWrapper.mapTemplate',
+    id: 'app.containers.WechatWrapper.mapTemplate',
     defaultMessage: 'Map template',
   },
   mapTemplateSubtext: {
-    id: 'creatives.containers.WechatWrapper.mapTemplateSubtext',
+    id: 'app.containers.WechatWrapper.mapTemplateSubtext',
     defaultMessage: 'Used for announcing offers and transaction related information',
   },
   templateType: {
-    id: 'creatives.containers.WechatWrapper.templateType',
+    id: 'app.containers.WechatWrapper.templateType',
     defaultMessage: 'Which type of template you want to create?',
   },
 });

package/hoc/withStyles.js

@@ -1,12 +0,0 @@
-import styled from 'styled-components';
-
-/**
- * Higher Order Component to have consistent logic of styling components
- * @param {*} WrappedComponent
- * @returns {*} styled wrapped component
- */
-export default (WrappedComponent, styles) => {
-  const StyledComponent = styled(WrappedComponent)`${styles};`;
-  StyledComponent.defaultProps = WrappedComponent.defaultProps;
-  return StyledComponent;
-};

package/v2Containers/LanguageProvider/sagas.js

@@ -1,39 +0,0 @@
-import { takeLatest, take, all, cancel, call, put } from 'redux-saga/effects';
-import { LOCATION_CHANGE } from 'react-router-redux';
-import * as Api from '../../services/api';
-import * as types from './constants';
-
-function* getLocizMessage(action) {
-  try {
-    const result = yield call(Api.getLocizMessage, action.locale);
-    yield [
-      put({
-        type: types.GET_LOCIZ_MESSAGE_SUCCESS,
-        data: result,
-      }),
-    ];
-  } catch (error) {
-    yield [
-      put({
-        type: types.GET_LOCIZ_MESSAGE_FAILURE,
-        data: error,
-      }),
-    ];
-  }
-}
-export function* watchGetLocizMessage() {
-  const watcher = yield takeLatest(
-    types.GET_LOCIZ_MESSAGE_REQUEST,
-    getLocizMessage,
-  );
-  yield take(LOCATION_CHANGE);
-  yield cancel(watcher);
-}
-
-export default [watchGetLocizMessage];
-
-export function* LanguageProviderRootSaga() {
-  yield all([
-    watchGetLocizMessage(),
-  ]);
-}

package/v2Containers/TemplatesV2/TemplatesV2.style.js

@@ -1,29 +0,0 @@
-import { css } from 'styled-components';
-import {CAP_SPACE_24, CAP_SPACE_16} from '@capillarytech/cap-ui-library/styled/variables';
-
-export default css`
-  .cap-tab-v2-wrapper{
-    .ant-tabs-tabpane {
-        border: none;
-    }
-  }
-
-  .component-wrapper {
-    ${(props) => props.isFullMode ? `
-      max-width: 1140px;
-      margin: 0 auto;
-      width: 100%;
-      padding: ${CAP_SPACE_24} 0;
-      .ant-tabs-content{
-        margin-top: ${CAP_SPACE_16}
-      }
-    ` : `.cap-tab-v2 {
-      height: calc(100vh - 118px);
-    } `}
-  }
-`;
-
-export const CapTabStyle = css`
-  ${(props) => props.isFullMode ? `margin-top: ${CAP_SPACE_24}` : ``
-  }
-`;