@capillarytech/creatives-library 3.1.33 → 3.1.34

package/containers/Cap/messsages.js

@@ -0,0 +1,63 @@
+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/containers/LanguageProvider/index.js

@@ -9,6 +9,9 @@
 import PropTypes from 'prop-types';
 
 import React from 'react';
+import { ConfigProvider } from 'antd';
+import enUS from 'antd/es/locale-provider/en_US';
+import zhCN from 'antd/es/locale-provider/zh_CN';
 import { connect } from 'react-redux';
 import { createSelector } from 'reselect';
 import { IntlProvider } from 'react-intl';
@@ -16,11 +19,31 @@ import { IntlProvider } from 'react-intl';
 import { makeSelectLocale } from './selectors';
 
 export class LanguageProvider extends React.PureComponent { // eslint-disable-line react/prefer-stateless-function
+  getMappedLocale = (locale) => {
+    const map = {
+      'en': 'en-US',
+      'zh-cn': 'zh',
+      'en-US': 'en-US',
+      'zh': 'zh',
+    };
+    return map[locale];
+  }
+
   render() {
+    const mappedLocale = {
+      'en': enUS,
+      'zh-cn': zhCN,
+      'en-US': enUS,
+      zh: zhCN,
+    };
+    const jLocale = localStorage.getItem('jlocale') || 'en';
+    const file = mappedLocale[jLocale];
     return (
-      <IntlProvider locale={this.props.locale} key={this.props.locale} messages={this.props.messages[this.props.locale]}>
-        {React.Children.only(this.props.children)}
-      </IntlProvider>
+      <ConfigProvider locale={file}>
+        <IntlProvider locale={this.props.locale} key={this.props.locale} messages={this.props.messages[this.props.locale]}>
+          {React.Children.only(this.props.children)}
+        </IntlProvider>
+      </ConfigProvider>
     );
   }
 }

package/containers/WeChat/MapTemplates/messages.js

@@ -102,4 +102,8 @@ export default defineMessages({
     id: 'creatives.containers.WeChat.linkCantEmpty',
     defaultMessage: "Link cannot be empty",
   },
+  "loadingEDMTemplates": {
+    id: 'creatives.containers.WeChat.loadingEDMTemplates',
+    defaultMessage: "loading EDM Templates",
+  },
 });

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@capillarytech/creatives-library",
   "author": "meharaj",
-  "version": "3.1.33",
+  "version": "3.1.34",
   "description": "Capillary creatives ui",
   "main": "./index.js",
   "module": "./index.es.js",

package/translations/en.json

@@ -1415,5 +1415,11 @@
   "reon.modules.Login.componentsv2.LoginForm.input.invalidCredentials": "Invalid or Incorrect credentials!",
   "reon.modules.Login.componentsv2.LoginForm.input.loginButton": "Login",
   "reon.modules.Login.componentsv2.LoginForm.input.password": "Password",
-  "reon.modules.Login.componentsv2.LoginForm.input.username": "Username or email"
+  "reon.modules.Login.componentsv2.LoginForm.input.username": "Username or email",
+  "creatives.containers.WeChat.loadingEDMTemplates": "loading EDM Templates",
+  "creatives.containersV2.WeChat.select": "Select",
+  "creatives.containersV2.WeChat.newWechat": "New wechat",
+  "creatives.containersV2.WeChat.linkErrorMessage": "Link cannot be empty.",
+  "creatives.containersV2.WeChat.hasInvalidContent": "has invalid content.",
+  "creatives.containersV2.WeChat.templateName": "Template Name"
 }

package/translations/zh.json

@@ -1415,5 +1415,11 @@
   "reon.modules.Login.componentsv2.LoginForm.input.invalidCredentials": "",
   "reon.modules.Login.componentsv2.LoginForm.input.loginButton": "",
   "reon.modules.Login.componentsv2.LoginForm.input.password": "",
-  "reon.modules.Login.componentsv2.LoginForm.input.username": ""
+  "reon.modules.Login.componentsv2.LoginForm.input.username": "",
+  "creatives.containers.WeChat.loadingEDMTemplates": "",
+  "creatives.containersV2.WeChat.select": "",
+  "creatives.containersV2.WeChat.newWechat": "",
+  "creatives.containersV2.WeChat.linkErrorMessage": "",
+  "creatives.containersV2.WeChat.hasInvalidContent": "",
+  "creatives.containersV2.WeChat.templateName": ""
 }

package/v2Components/Header/index.js

@@ -0,0 +1,46 @@
+/**
+*
+* 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

@@ -0,0 +1,10 @@
+// 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/LanguageProvider/index.js

@@ -9,6 +9,9 @@
 import PropTypes from 'prop-types';
 
 import React from 'react';
+import { ConfigProvider } from 'antd';
+import enUS from 'antd/es/locale-provider/en_US';
+import zhCN from 'antd/es/locale-provider/zh_CN';
 import { connect } from 'react-redux';
 import { createStructuredSelector } from 'reselect';
 import { IntlProvider } from 'react-intl';
@@ -27,7 +30,7 @@ export class LanguageProvider extends React.PureComponent { // eslint-disable-li
     locale = this.getMappedLocale(locale);
     this.props.actions.getLocizMessage(locale);
   }
-
+  /*global getMappedLocale */
   getMappedLocale = (locale) => {
     const map = {
       'en': 'en-US',
@@ -40,10 +43,20 @@ export class LanguageProvider extends React.PureComponent { // eslint-disable-li
 
   render() {
     const { locale, messages} = this.props.language;
+    const mappedLocale = {
+      'en': enUS,
+      'zh-cn': zhCN,
+      'en-US': enUS,
+      'zh': zhCN,
+    };
+    const jLocale = localStorage.getItem('jlocale') || 'en';
+    const file = mappedLocale[jLocale];
     return (
-      <IntlProvider locale={locale} key={locale} messages={messages}>
-        {React.Children.only(this.props.children)}
-      </IntlProvider>
+      <ConfigProvider locale={file}>
+        <IntlProvider locale={locale} key={locale} messages={messages}>
+          {React.Children.only(this.props.children)}
+        </IntlProvider>
+      </ConfigProvider>
     );
   }
 }

package/v2Containers/TemplatesV2/_templatesV2.scss

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

package/v2Containers/TemplatesV2/index.js

@@ -78,6 +78,7 @@ export class TemplatesV2 extends React.Component { // eslint-disable-line react/
       selectedChannel: defaultChannel,
       panes,
     };
+    this.props.onChannelChange(defaultChannel);
   }
   componentWillReceiveProps(nextProps) {
     if (this.props.channel !== nextProps.channel) {

package/v2Containers/WeChat/MapTemplates/index.js

@@ -426,7 +426,6 @@ export class MapTemplates extends React.Component { // eslint-disable-line react
 
   getFormData(formData) {
     let { editTemplateData} = this.state;
-    const { formData: stateFormData } = this.state;
     const selectedWeChatAccount = (!isEmpty(this.props.Templates.selectedWeChatAccount) ? this.props.Templates.selectedWeChatAccount : this.props.WeChat.selectedWeChatAccount);
     if (isEmpty(editTemplateData)) {
       editTemplateData = formData;
@@ -1232,7 +1231,7 @@ export class MapTemplates extends React.Component { // eslint-disable-line react
               tip={this.props.intl.formatMessage(messages.gettingTemplateData)}
               spinning={spinning}>
               <div>
-                <CapHeading type="h5">Template name</CapHeading>
+                <CapHeading type="h5"><FormattedMessage {...messages.templateName}/></CapHeading>
                 <CapHeading type="h3">{weChatData.title}</CapHeading>
                 <CapRow className="wechat-container">
                   <CapColumn>

package/v2Containers/WeChat/MapTemplates/messages.js

@@ -87,19 +87,23 @@ export default defineMessages({
     defaultMessage: "has valid content.",
   },
   "select": {
-    id: 'creatives.containers.WeChat.select',
+    id: 'creatives.containersV2.WeChat.select',
     defaultMessage: 'Select',
   },
   "newWechat": {
-    id: 'creatives.containers.WeChat.newWechat',
+    id: 'creatives.containersV2.WeChat.newWechat',
     defaultMessage: 'New wechat',
   },
   "linkErrorMessage": {
-    id: 'creatives.containers.WeChat.linkErrorMessage',
+    id: 'creatives.containersV2.WeChat.linkErrorMessage',
     defaultMessage: 'Link cannot be empty.',
   },
   "hasInvalidContent": {
-    id: 'creatives.containers.WeChat.hasInvalidContent',
+    id: 'creatives.containersV2.WeChat.hasInvalidContent',
     defaultMessage: 'has invalid content.',
   },
+  "templateName": {
+    id: 'creatives.containersV2.WeChat.templateName',
+    defaultMessage: 'Template Name',
+  },
 });