@capillarytech/creatives-library 3.1.43 → 3.1.45

package/components/FormBuilder/index.js

@@ -3191,7 +3191,7 @@ class FormBuilder extends React.Component { // eslint-disable-line react/prefer-
 
 FormBuilder.defaultProps = {
   isNewVersionFlow: false,
-  userLocale: 'en',
+  userLocale: localStorage.getItem('jlocale') || 'en',
 };
 
 FormBuilder.propTypes = {

package/containers/Assets/Gallery/index.js

@@ -382,7 +382,7 @@ export class Gallery extends React.Component { // eslint-disable-line react/pref
       <div>
         {/*<Spin spinning={this.props.Gallery.assetUploading || this.props.Gallery.fetchingAllAssets}>*/}
           <Helmet
-            title="Gallery"
+            title={this.props.intl.formatMessage(messages.gallery)}
           />
           {/* this.props.location.query.type !== 'embedded' && <Row style={{marginBottom: '16px'}}>
             <Col>

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/i18n.js

@@ -4,15 +4,16 @@
  * This will setup the i18n language files and locale data for your app.
  *
  */
-import { addLocaleData } from 'react-intl';
-import enLocaleData from 'react-intl/locale-data/en';
-import zhLocaleData from 'react-intl/locale-data/zh';
+const addLocaleData = require('react-intl').addLocaleData;
+const enLocaleData = require('react-intl/locale-data/en');
+const zhLocaleData = require('react-intl/locale-data/zh');
 
-import { DEFAULT_LOCALE } from './containers/Cap/constants'; // eslint-disable-line
-import enTranslationMessages from './translations/en.json';
-import zhTranslationMessages from './translations/zh.json';
+const enTranslationMessages = require('./translations/en.json');
+const zhTranslationMessages = require('./translations/zh.json');
 
-export const appLocales = [
+const DEFAULT_LOCALE = 'en';
+
+const appLocales = [
   'en',
   'zh',
 ];
@@ -20,7 +21,7 @@ export const appLocales = [
 addLocaleData(enLocaleData);
 addLocaleData(zhLocaleData);
 
-export const formatTranslationMessages = (locale, messages) => {
+const formatTranslationMessages = (locale, messages) => {
   const defaultFormattedMessages = locale !== DEFAULT_LOCALE
     ? formatTranslationMessages(DEFAULT_LOCALE, enTranslationMessages)
     : {};
@@ -33,7 +34,13 @@ export const formatTranslationMessages = (locale, messages) => {
   }, {});
 };
 
-export const translationMessages = {
+const translationMessages = {
   en: formatTranslationMessages('en', enTranslationMessages),
   zh: formatTranslationMessages('zh', zhTranslationMessages),
 };
+
+
+exports.appLocales = appLocales;
+exports.formatTranslationMessages = formatTranslationMessages;
+exports.translationMessages = translationMessages;
+exports.DEFAULT_LOCALE = DEFAULT_LOCALE;

package/package.json

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

package/v2Components/FormBuilder/index.js

@@ -3303,7 +3303,7 @@ class FormBuilder extends React.Component { // eslint-disable-line react/prefer-
 
 FormBuilder.defaultProps = {
   isNewVersionFlow: false,
-  userLocale: 'en',
+  userLocale: localStorage.getItem('jlocale') || 'en',
 };
 
 FormBuilder.propTypes = {

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/v2Components/NewCallTask/index.js

@@ -83,7 +83,7 @@ class NewCallTask extends React.Component { // eslint-disable-line react/prefer-
   }
 
   render() {
-    const { intl, isLoading, metaEntities } = this.props;
+    const { intl, isLoading, metaEntities, selectedOfferDetails } = this.props;
     const { formatMessage } = intl;
     const { subject, messageBody, description } = this.state;
     const tags = metaEntities && metaEntities.tags ? metaEntities.tags.standard : [];
@@ -107,6 +107,7 @@ class NewCallTask extends React.Component { // eslint-disable-line react/prefer-
                   label={formatMessage(messages.personalisationTags)}
                   tags={tags}
                   onTagSelect={this.onTagSelect}
+                  selectedOfferDetails={selectedOfferDetails}
                 />
                 <CapInput.TextArea
                   setInputRef={this.setInputRef}
@@ -148,6 +149,7 @@ NewCallTask.propTypes = {
   templateData: PropTypes.object,
   isLoading: PropTypes.bool,
   metaEntities: PropTypes.object,
+  selectedOfferDetails: PropTypes.array,
 };
 
 export default injectIntl(NewCallTask);

package/v2Containers/Assets/Gallery/index.js

@@ -431,7 +431,7 @@ export class Gallery extends React.Component { // eslint-disable-line react/pref
       </div>
     ) : <input style={{ display: 'none'}} id="fileName" type="file" onChange={(e) => this.uploadImages(e, {files: e.target.files})} accept="image/*" multiple/>;
     const isLoading = this.props.Gallery.assetUploading || this.props.Gallery.fetchingAllAssets;
-    const loadingTip = "Loading gallery... ";
+    const loadingTip = <FormattedMessage {...messages.loadingGallery} />;
 
     return (
       <div>

package/v2Containers/Assets/Gallery/messages.js

@@ -102,4 +102,8 @@ export default defineMessages({
     id: `creatives.containersV2.Assets.Gallery.noTemplatesFound`,
     defaultMessage: 'No templates found',
   },
+  loadingGallery: {
+    id: `creatives.containersV2.Assets.Gallery.loadingGallery`,
+    defaultMessage: 'Loading gallery...',
+  },
 });

package/v2Containers/CallTask/index.js

@@ -70,7 +70,7 @@ export class CallTask extends React.Component { // eslint-disable-line react/pre
     };
   }
   render() {
-    const { intl, onCallTaskSubmit, templateData, loadingMetaEntities, metaEntities } = this.props;
+    const { intl, onCallTaskSubmit, templateData, loadingMetaEntities, metaEntities, selectedOfferDetails } = this.props;
     const { formatMessage } = intl;
     const { mode } = this.state;
     return (
@@ -82,6 +82,7 @@ export class CallTask extends React.Component { // eslint-disable-line react/pre
             mode={mode}
             templateData={templateData}
             onCallTaskSubmit={onCallTaskSubmit}
+            selectedOfferDetails={selectedOfferDetails}
           />
           :
             <div>
@@ -132,6 +133,7 @@ CallTask.propTypes = {
   showContentInSlidebox: PropTypes.bool,
   onCreateNew: PropTypes.func,
   isFullMode: PropTypes.bool,
+  selectedOfferDetails: PropTypes.array,
 };
 
 

package/v2Containers/CreativesContainer/SlideBoxContent.js

@@ -187,6 +187,7 @@ function SlideBoxContent(props) {
             templateData={templateData}
             onCallTaskSubmit={onCallTaskSubmit}
             forwardedTags={forwardedTags}
+            selectedOfferDetails={selectedOfferDetails}
           />
       }
       {
@@ -195,6 +196,7 @@ function SlideBoxContent(props) {
            mode={'create'}
            onCallTaskSubmit={onCallTaskSubmit}
            forwardedTags={forwardedTags}
+           selectedOfferDetails={selectedOfferDetails}
         />
        }
       {isCreateSms && (
@@ -273,6 +275,7 @@ function SlideBoxContent(props) {
           getDefaultTags={type}
           onValidationFail={onValidationFail}
           forwardedTags={forwardedTags}
+          selectedOfferDetails={selectedOfferDetails}
         />
         }
       {isCreateMPush &&
@@ -296,7 +299,8 @@ function SlideBoxContent(props) {
         showTemplateName={showTemplateName}
         query={query}
         forwardedTags={forwardedTags}
-        onValidationFail={onValidationFail}/>
+        onValidationFail={onValidationFail}
+        selectedOfferDetails={selectedOfferDetails}/>
         }
     </CreativesWrapper>
   );

package/v2Containers/MobilePush/Create/index.js

@@ -1705,6 +1705,7 @@ export class Create extends React.Component { // eslint-disable-line react/prefe
                 setModalContent={this.setModalContent}
                 startValidation={this.state.startValidation}
                 stopValidation={this.stopValidation}
+                selectedOfferDetails={this.props.selectedOfferDetails}
               />
             </CapColumn>
             {this.props.iosCtasData && this.state.showIosCtaTable &&

package/v2Containers/MobilePush/Edit/index.js

@@ -1792,6 +1792,7 @@ export class Edit extends React.Component { // eslint-disable-line react/prefer-
                 setModalContent={this.setModalContent}
                 startValidation={this.state.startValidation}
                 stopValidation={this.stopValidation}
+                selectedOfferDetails={this.props.selectedOfferDetails}
               />}
             </CapColumn>
             {this.props.iosCtasData && this.state.showIosCtaTable &&

package/v2Containers/Sms/Create/index.js

@@ -176,7 +176,7 @@ export class Create extends React.Component { // eslint-disable-line react/prefe
     const unicodeEnabled = _.get(this.state, `formData[0]['unicode-validity']`);
     const smsDetails = updateCharCount(content || "", unicodeEnabled || false);
     if (this.smsCount.current) {
-      this.smsCount.current.innerText = `${smsDetails.parts}SMS (${smsDetails.chars_used} characters)`;
+      this.smsCount.current.innerText = `${smsDetails.parts}${this.props.intl.formatMessage(messages.sms)} (${smsDetails.chars_used} ${this.props.intl.formatMessage(messages.characters)})`;
     }
   }
 

package/v2Containers/Sms/Create/messages.js

@@ -110,4 +110,20 @@ export default defineMessages({
     id: 'creatives.containersV2.Create.templateNotValid',
     defaultMessage: 'Template data is not valid',
   },
+  "Creative name": {
+    id: 'creatives.containersV2.Create.creativeName',
+    defaultMessage: 'Creative name',
+  },
+  "Add label": {
+    id: 'creatives.containersV2.Create.addLabel',
+    defaultMessage: 'Add label',
+  },
+  "sms": {
+    id: 'creatives.containersV2.Create.sms',
+    defaultMessage: 'SMS',
+  },
+  "characters" : {
+    id: 'creatives.containersV2.Create.characters',
+    defaultMessage: 'characters',
+  },
 });

package/v2Containers/Sms/Edit/index.js

@@ -194,7 +194,7 @@ export class Edit extends React.Component { // eslint-disable-line react/prefer-
     const unicodeEnabled = _.get(this.state, `formData[0]['unicode-validity']`);
     const smsDetails = updateCharCount(content || "", unicodeEnabled || false);
     if (this.smsCount.current) {
-      this.smsCount.current.innerText = `${smsDetails.parts}SMS (${smsDetails.chars_used} characters)`;
+      this.smsCount.current.innerText = `${smsDetails.parts}${this.props.intl.formatMessage(messages.sms)} (${smsDetails.chars_used} ${this.props.intl.formatMessage(messages.characters)})`;
     }
   }
 

package/v2Containers/Sms/Edit/messages.js

@@ -102,4 +102,20 @@ export default defineMessages({
     id: 'creatives.containersV2.Edit.templateMarkedSuccessfully',
     defaultMessage: "Template Marked as Final Successfully",
   },
+  "Creative name": {
+    id: 'creatives.containersV2.Edit.creativeName',
+    defaultMessage: 'Creative name',
+  },
+  "Add label": {
+    id: 'creatives.containersV2.Edit.addLabel',
+    defaultMessage: 'Add label',
+  },
+  "sms": {
+    id: 'creatives.containersV2.Edit.sms',
+    defaultMessage: 'SMS',
+  },
+  "characters" : {
+    id: 'creatives.containersV2.Edit.characters',
+    defaultMessage: 'characters',
+  },
 });