@capillarytech/creatives-library 3.1.20 → 3.1.21

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@capillarytech/creatives-library",
   "author": "meharaj",
-  "version": "3.1.20",
+  "version": "3.1.21",
   "description": "Capillary creatives ui",
   "main": "./index.js",
   "module": "./index.es.js",
@@ -29,4 +29,4 @@
     "styled-components": "^3.2.1",
     "whatwg-fetch": "2.0.1"
   }
-}
+}

package/v2Containers/WeChat/RichmediaTemplates/Create/_createRichmedia.scss

@@ -93,6 +93,7 @@
     height: 56px;
     background-color: white;
     border-radius: 4px;
+    border: 1px solid #dfe2e7;
     display: flex;
     .title {
       padding: 12px;

package/v2Containers/WeChat/Wrapper/_wrapper.scss

@@ -0,0 +1,5 @@
+.template-image {
+  margin: 0 -1.142rem;
+  height: 274px;
+  width: 370px;
+}

package/v2Containers/WeChat/Wrapper/index.js

@@ -17,8 +17,8 @@ import RichMediaCreate from '../RichmediaTemplates/Create';
 import RichMediaEdit from '../RichmediaTemplates/Edit';
 import WechatRichmediaTemplatePreview from '../../../v2Components/TemplatePreview/WechatRichmediaTemplatePreview';
 import TemplatePreview from '../../../v2Components/TemplatePreview';
-import WithImage from '../../../assets/WithImage1';
-import WithNoImage from '../../../assets/NoImage1';
+import mapTemplateImage from "../../../assets/mapTemplate.png";
+import richMediaImage from "../../../assets/richMedia.png";
 import {
     CREATE,
     RICH_MEDIA,
@@ -57,7 +57,7 @@ export class Wrapper extends React.Component { // eslint-disable-line react/pref
             <CapLabel type="label1" style={{ paddingTop: CAP_SPACE_04, paddingBottom: CAP_SPACE_08 }}>
               {props.intl.formatMessage(messages.mapTemplateSubtext)}
             </CapLabel>
-            <WithNoImage height="124px" width={"224px"}/>
+            <img alt="" className="template-image" src={mapTemplateImage} />
           </>
         ),
         value: MAP_TEMPLATE,
@@ -69,7 +69,7 @@ export class Wrapper extends React.Component { // eslint-disable-line react/pref
             <CapLabel type="label1" style={{ paddingTop: CAP_SPACE_04, paddingBottom: CAP_SPACE_08 }}>
               {props.intl.formatMessage(messages.richMediaSubtext)}
             </CapLabel>
-            <WithImage height="216px" width={"224px"}/>
+            <img alt="" className="template-image" src={richMediaImage} />
           </>
         ),
         value: RICH_MEDIA,

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;
-    }
-}