@capillarytech/creatives-library 2.0.4 → 2.0.5

package/containers/TemplatesV2/index.js

@@ -8,21 +8,17 @@ import PropTypes from 'prop-types';
 
 import React from 'react';
 import { connect } from 'react-redux';
-import { FormattedMessage, injectIntl } from 'react-intl';
+import { injectIntl } from 'react-intl';
 import { createStructuredSelector } from 'reselect';
 import { bindActionCreators } from 'redux';
-import { CapTab, CapCustomCard, CapIcons, CapSpin, CapButton } from '@capillarytech/cap-ui-library';
+import { CapTab, CapCard, CapIcons, CapButton } from '@capillarytech/cap-ui-library';
 import { find } from 'lodash';
 import { UserIsAuthenticated } from '../../utils/authWrapper';
 import { makeSelectTemplates, makeSelectTemplatesResponse } from '../Templates/selectors';
 import messages from './messages';
-import ChannelTemplates from '../ChannelTemplates';
 import * as actions from './actions';
-import * as commonUtil from '../../utils/common';
-import PreviewSideBar from '../../components/PreviewSideBar';
 import Templates from '../Templates';
-const { CapCustomCardGrid } = CapCustomCard;
-const { Message, View } = CapIcons;
+const { View } = CapIcons;
 
 export class TemplatesV2 extends React.Component { // eslint-disable-line react/prefer-stateless-function
   constructor(props) {
@@ -38,23 +34,20 @@ export class TemplatesV2 extends React.Component { // eslint-disable-line react/
     };
   }
 
-
   getTemplateDataForGrid = ({templates, handlers, filterContent}) => {
     const cardDataList = templates.map((template) => (
       {
-        icon: <Message />,
         title: template.name,
         content: template.versions.base['sms-editor'],
-        options: <View onClick={() => { this.props.isFullMode ? handlers.handlePreviewClick(template) : this.props.handlePeviewTemplate(template); }} />,
+        extra: [<View onClick={() => { this.props.isFullMode ? handlers.handlePreviewClick(template) : this.props.handlePeviewTemplate(template); }} />],
         hoverOption: <CapButton onClick={(e) => handlers.handleEditClick(e, template._id)}>{this.props.intl.formatMessage(this.props.isFullMode ? messages.edit : messages.select)}</CapButton>,
       }));
     return (<div>
       {filterContent}
-      <CapCustomCardGrid cardDataList={cardDataList} />
+      <CapCard cardList={cardDataList} type="SMS" />
     </div>);
   }
   getTemplatesComponent(channel) {
-    const notFoundMessage = `No ${channel} templates found`;
     // const templates = this.props.Templates[`${channel}Templates`];
     let query = {};
     if (!this.props.isFullMode) {
@@ -105,15 +98,14 @@ export class TemplatesV2 extends React.Component { // eslint-disable-line react/
 }
 
 TemplatesV2.propTypes = {
-  actions: PropTypes.object.isRequired,
-  location: PropTypes.object,
+  router: PropTypes.object,
   isFullMode: PropTypes.bool,
-  handlePreview: PropTypes.func,
   onSelectTemplate: PropTypes.func,
   createNew: PropTypes.func,
   channel: PropTypes.string,
   Templates: PropTypes.object,
   TemplatesList: PropTypes.arrayOf(PropTypes.object),
+  handlePeviewTemplate: PropTypes.func,
 };
 
 TemplatesV2.defaultProps = {

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@capillarytech/creatives-library",
   "author": "meharaj",
-  "version": "2.0.4",
+  "version": "2.0.5",
   "description": "Capillary creatives ui",
   "main": "./index.js",
   "module": "./index.es.js",
@@ -13,7 +13,7 @@
   "license": "LicenseRef-LICENSE",
   "dependencies": {
     "@capillarytech/cap-react-ui-library": "latest",
-    "@capillarytech/cap-ui-library": "^1.0.32",
+    "@capillarytech/cap-ui-library": "^1.0.33",
     "antd": "^3.13.1",
     "axios": "^0.16.2",
     "babel-polyfill": "6.20.0",
@@ -65,4 +65,4 @@
     "warning": "3.0.0",
     "whatwg-fetch": "2.0.1"
   }
-}
+}