@capillarytech/creatives-library 3.2.3 → 3.3.0

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

@@ -1,5 +1,7 @@
 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';
@@ -33,6 +35,48 @@ 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);
@@ -48,4 +92,5 @@ export default [
   defaultSaga,
   watchUploadAsset,
   watchSaveTemplate,
+  watchGetAllTemplates,
 ];

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

@@ -8,3 +8,7 @@ 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,6 +15,7 @@ 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';
 
@@ -39,12 +40,18 @@ 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'] = content.post_comments_scope;
+        formData['post-comments-value'] = postCommentsValue;
         formData['show-cover-pic-value'] = content.show_cover_pic;
         templateData[contentId] = {
           formData,

package/v2Containers/WeChat/Wrapper/_wrapper.scss

@@ -1,5 +1,13 @@
+@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: 'app.containers.WechatWrapper.richMedia',
+    id: 'creatives.containers.WechatWrapper.richMedia',
     defaultMessage: 'Richmedia template',
   },
   richMediaSubtext: {
-    id: 'app.containers.WechatWrapper.richMediaSubtext',
+    id: 'creatives.containers.WechatWrapper.richMediaSubtext',
     defaultMessage: 'Used for creating rich content using text, image, location and audio',
   },
   mapTemplate: {
-    id: 'app.containers.WechatWrapper.mapTemplate',
+    id: 'creatives.containers.WechatWrapper.mapTemplate',
     defaultMessage: 'Map template',
   },
   mapTemplateSubtext: {
-    id: 'app.containers.WechatWrapper.mapTemplateSubtext',
+    id: 'creatives.containers.WechatWrapper.mapTemplateSubtext',
     defaultMessage: 'Used for announcing offers and transaction related information',
   },
   templateType: {
-    id: 'app.containers.WechatWrapper.templateType',
+    id: 'creatives.containers.WechatWrapper.templateType',
     defaultMessage: 'Which type of template you want to create?',
   },
 });

package/containers/Cap/messsages.js

@@ -1,63 +0,0 @@
-import { defineMessages } from 'react-intl';
-export default defineMessages({
-  "sms": {
-    id: 'reon.components.Cap.sms',
-    defaultMessage: 'SMS',
-  },
-  "wechat": {
-    id: 'reon.components.Cap.wechat',
-    defaultMessage: 'WeChat',
-  },
-  "gallery": {
-    id: 'reon.components.Cap.gallery',
-    defaultMessage: 'Gallery',
-  },
-  "creativesDashboard": {
-    id: 'reon.components.Cap.creativesDashboard',
-    defaultMessage: 'Creatives',
-  },
-  "creatives": {
-    id: 'reon.components.Cap.creatives',
-    defaultMessage: 'Creatives',
-  },
-  "campaigns": {
-    id: 'reon.components.Cap.campaigns',
-    defaultMessage: 'Campaigns',
-  },
-  "loyalty": {
-    id: 'reon.components.Cap.loyalty',
-    defaultMessage: 'Loyalty',
-  },
-  "member care": {
-    id: 'reon.components.Cap.memberCare',
-    defaultMessage: 'Member Care',
-  },
-  "workbench": {
-    id: 'reon.components.Cap.Workbench',
-    defaultMessage: 'WorkBench',
-  },
-  "store care": {
-    id: 'reon.components.Cap.storeCare',
-    defaultMessage: 'Store Care',
-  },
-  "store performance": {
-    id: 'reon.components.Cap.storePerformance',
-    defaultMessage: 'Store Performance',
-  },
-  "email": {
-    id: 'reon.components.Cap.email',
-    defaultMessage: 'Email',
-  },
-  "ebill": {
-    id: 'reon.components.Cap.ebill',
-    defaultMessage: 'Ebill',
-  },
-  "campaignsDashboard": {
-    id: 'reon.components.campaignsDashboard',
-    defaultMessage: 'Campaigns',
-  },
-  "campaignsHome": {
-    id: 'reon.components.campaignsHome',
-    defaultMessage: "Campaigns Home",
-  },
-});

package/v2Components/Header/index.js

@@ -1,46 +0,0 @@
-/**
-*
-* Header
-*
-*/
-
-import PropTypes from 'prop-types';
-
-import React from 'react';
-// import styled from 'styled-components';
-import { FormattedMessage } from 'react-intl';
-
-import { CapRow, CapColumn, CapInput, CapButton } from '@capillarytech/cap-ui-library';
-import messages from './messages';
-
-
-function Header(props) {
-  return (
-    <div>
-      <CapRow className="template-form-header">
-        <CapColumn span={10}>
-          <CapInput id="template-name" placeholder="Enter template name*" defaultValue={props.templateName} type="input" onChange={props.templateNameHandler}/>
-        </CapColumn>
-        <CapColumn span={2} offset={8}>
-          <CapButton id="preview-button" type="cancel" onClick={props.previewHandler}> <FormattedMessage {...messages.preview} /> </CapButton>
-        </CapColumn>
-        <CapColumn span={2}>
-          <CapButton id="cancel-button" type="cancel" onClick={props.cancelHandler}> <FormattedMessage {...messages.cancel} /> </CapButton>
-        </CapColumn>
-        <CapColumn span={2}>
-          <CapButton id="save-button" type="primary" onClick={props.saveHandler}> <FormattedMessage {...messages.save} /> </CapButton>
-        </CapColumn>
-      </CapRow>
-    </div>
-  );
-}
-
-Header.propTypes = {
-  templateNameHandler: PropTypes.func,
-  previewHandler: PropTypes.func,
-  cancelHandler: PropTypes.func,
-  saveHandler: PropTypes.func,
-  templateName: PropTypes.string,
-};
-
-export default Header;

package/v2Components/Header/tests/index.test.js

@@ -1,10 +0,0 @@
-// import React from 'react';
-// import { shallow } from 'enzyme';
-
-// import Header from '../index';
-
-describe('<Header />', () => {
-  it('Expect to have unit tests specified', () => {
-    expect(true).toEqual(false);
-  });
-});

package/v2Containers/TemplatesV2/_templatesV2.scss

@@ -1,5 +0,0 @@
-.cap-tab-v2-wrapper{
-    .ant-tabs-tabpane {
-        border: none;
-    }
-}