@capillarytech/creatives-library 3.0.31 → 3.0.32

package/v2Containers/Cap/messages.js

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

package/v2Containers/Cap/messsages.js

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

package/v2Containers/Cap/sagas.js

@@ -6,6 +6,7 @@ import * as LocalStorage from '../../services/localStorageApi';
 import * as types from './constants';
 import config from '../../config/app';
 import pathConfig from '../../config/path';
+import { getTopbarMenuDataValue } from '../../v2Containers/App/constants';
 // import {makeSelectOrgId} from './selectors';
 
 function* authorize(user) {
@@ -157,11 +158,3 @@ export default [
   watchGetTopbarMenuData,
 ];
 
-function getTopbarMenuDataValue() {
-  return [
-    { label: 'Campaigns', link: '/campaigns/ui/list', key: 'campaigns' },
-    { label: 'Audience', link: '/audience-manager/list', key: 'audience' },
-    { label: 'Incentive', link: '/coupons/ui/', key: 'incentive' },
-    { label: 'Creatives', link: '/creatives/ui/v2', key: 'creatives' },
-  ];
-}

package/v2Containers/ChannelTemplates/messages.js

@@ -7,7 +7,7 @@ import { defineMessages } from 'react-intl';
 
 export default defineMessages({
   header: {
-    id: 'app.containers.ChannelTemplates.header',
+    id: 'creatives.containersV2.ChannelTemplates.header',
     defaultMessage: 'This is ChannelTemplates container !',
   },
 });

package/v2Containers/CreativesContainer/messages.js

@@ -4,22 +4,22 @@
  * This contains all the text for the EmailWrapper component.
  */
 import { defineMessages } from 'react-intl';
-const scope = 'app.containers.Creatives';
+const scope = 'creatives.containersV2.Creatives';
 export default defineMessages({
   "header": {
-    id: 'app.containers.Creatives.header',
+    id: 'creatives.containersV2.Creatives.header',
     defaultMessage: 'This is EmailWrapper container !',
   },
   "continue": {
-    id: 'app.containers.Creatives.continue',
+    id: 'creatives.containersV2.Creatives.continue',
     defaultMessage: 'Continue',
   },
   "lastUpdated": {
-    id: 'app.containers.Creatives.lastUpdated',
+    id: 'creatives.containersV2.Creatives.lastUpdated',
     defaultMessage: 'Last updated: {date} by {user}',
   },
   "by": {
-    id: 'app.containers.Creatives.by',
+    id: 'creatives.containersV2.Creatives.by',
     defaultMessage: 'by',
   },
   "uploadedAt": {
@@ -259,7 +259,7 @@ export default defineMessages({
     defaultMessage: `Edit message content`,
   },
   "createMessageContent": {
-    id: `${scope}.editMessageContent`,
+    id: `${scope}.createMessageContent`,
     defaultMessage: `New {channel} message`,
   },
   "creativeTemplatesDesc": {
@@ -279,15 +279,23 @@ export default defineMessages({
     defaultMessage: `Discard`,
   },
   "creativesTemplatesEdit": {
-    id: `${scope}.creativesTemplatesSave`,
+    id: `${scope}.creativesTemplatesEdit`,
     defaultMessage: `Edit`,
   },
   "creativesTemplatesEditName": {
-    id: `${scope}.creativesTemplatesSave`,
+    id: `${scope}.creativesTemplatesEditName`,
     defaultMessage: `Edit name`,
   },
   "wechatAccountNotConfigured": {
     id: `${scope}.wechatAccountNotConfigured`,
     defaultMessage: 'Selected wechat account is not configured to create wechat templates',
   },
+  "selectTemplate": {
+    id: `${scope}.selectTemplate`,
+    defaultMessage: 'Select template',
+  },
+  "addContent": {
+    id: `${scope}.addContent`,
+    defaultMessage: 'Add content',
+  },
 });

package/v2Containers/Dashboard/index.js

@@ -7,6 +7,7 @@ import { FormattedMessage } from 'react-intl';
 import { createStructuredSelector } from 'reselect';
 import makeSelectDashboard from './selectors';
 import messages from './messages';
+// eslint-disable-next-line
 import { UserIsAuthenticated } from '../../../utils/authWrapper';
 import * as actions from './actions';
 import BreadCrumbs from '../../v2Components/BreadCrumbs/index';
@@ -24,7 +25,7 @@ export class Dashboard extends React.Component { // eslint-disable-line react/pr
         <FormattedMessage {...messages.header}>{(message) => (<Helmet
           title={message}
           meta={[
-            { name: 'description', content: 'Dashboard' },
+            { name: 'description', content: <FormattedMessage {...messages.header}/> },
           ]}
         />)}
         </FormattedMessage>

package/v2Containers/Dashboard/messages.js

@@ -7,7 +7,7 @@ import { defineMessages } from 'react-intl';
 
 export default defineMessages({
   header: {
-    id: 'app.containers.Dashboard.header',
+    id: 'creatives.containersV2.Dashboard.header',
     defaultMessage: 'Dashboard',
   },
 });

package/v2Containers/Ebill/index.js

@@ -814,7 +814,7 @@ export class Ebill extends React.Component { // eslint-disable-line react/prefer
       console.log('isValid');
       return true;
     }
-    const message = getMessageObject('error', 'Template data is not valid', true);
+    const message = getMessageObject('error', this.props.intl.formatMessage(messages.templateDataNotValid), true);
     this.props.globalActions.addMessageToQueue(message);
     console.log('not valid');
     return false;

package/v2Containers/Ebill/messages.js

@@ -7,67 +7,71 @@ import { defineMessages } from 'react-intl';
 
 export default defineMessages({
   "campaigns": {
-    id: 'app.containers.Ebill.campaigns',
+    id: 'creatives.containersV2.Ebill.campaigns',
     defaultMessage: 'Campaigns',
   },
   "creatives": {
-    id: 'app.containers.Ebill.creatives',
+    id: 'creatives.containersV2.Ebill.creatives',
     defaultMessage: 'Creatives',
   },
   "ebill": {
-    id: 'app.containers.Ebill.ebill',
+    id: 'creatives.containersV2.Ebill.ebill',
     defaultMessage: 'Ebill',
   },
   "ebillPreview": {
-    id: 'app.containers.Ebill.ebillPreview',
+    id: 'creatives.containersV2.Ebill.ebillPreview',
     defaultMessage: 'Ebill preview',
   },
   "loading": {
-    id: 'app.containers.Ebill.loading',
+    id: 'creatives.containersV2.Ebill.loading',
     defaultMessage: 'Loading..',
   },
   "ebillEditSuccess": {
-    id: 'app.containers.Ebill.ebillEditSuccess',
+    id: 'creatives.containersV2.Ebill.ebillEditSuccess',
     defaultMessage: "Ebill template edited successfully",
   },
   "ebillCreateSuccess": {
-    id: 'app.containers.Ebill.ebillCreateSuccess',
+    id: 'creatives.containersV2.Ebill.ebillCreateSuccess',
     defaultMessage: "Ebill template created successfully",
   },
   "somethingWentWrong": {
-    id: 'app.containers.Ebill.somethingWentWrong',
+    id: 'creatives.containersV2.Ebill.somethingWentWrong',
     defaultMessage: "Something went wrong!!",
   },
   "Enter template name": {
-    id: 'app.containers.Ebill.enterTemplateName',
+    id: 'creatives.containersV2.Ebill.enterTemplateName',
     defaultMessage: "Enter template name",
   },
   "Template name cannot be empty.": {
-    id: 'app.containers.Ebill.emptyTemplateErrorMessage',
+    id: 'creatives.containersV2.Ebill.emptyTemplateErrorMessage',
     defaultMessage: "Please provide a template name ",
   },
   "Preview": {
-    id: 'app.containers.Ebill.Preview',
+    id: 'creatives.containersV2.Ebill.Preview',
     defaultMessage: "Preview",
   },
   "Cancel": {
-    id: 'app.containers.Ebill.Cancel',
+    id: 'creatives.containersV2.Ebill.Cancel',
     defaultMessage: "Cancel",
   },
   "Save": {
-    id: 'app.containers.Ebill.Save',
+    id: 'creatives.containersV2.Ebill.Save',
     defaultMessage: "Save",
   },
   "Template content has unsupported/missing tags!": {
-    id: 'app.containers.Ebill.tagsErrorMessage',
+    id: 'creatives.containersV2.Ebill.tagsErrorMessage',
     defaultMessage: "Please check the message content for unsupported/missing tags",
   },
   "Tags": {
-    id: 'app.containers.Ebill.tagsLabel',
+    id: 'creatives.containersV2.Ebill.tagsLabel',
     defaultMessage: "Tags",
   },
   "New Version": {
-    id: 'app.containers.Ebill.newVersionLabel',
+    id: 'creatives.containersV2.Ebill.newVersionLabel',
     defaultMessage: "New version",
   },
+  "templateDataNotValid": {
+    id: 'creatives.containersV2.Ebill.templateDataNotValid',
+    defaultMessage: "Template data is not valid",
+  },
 });

package/v2Containers/Email/index.js

@@ -58,7 +58,7 @@ export class Email extends React.Component { // eslint-disable-line react/prefer
       showImageSelectionBox: false,
       isDragDrop: false,
       showConfirmationModal: false,
-      modalContent: {title: "Alert", body: "Do you really want to delete this language?", type: 'confirm', id: 'email-language-delete-modal'},
+      modalContent: {title: this.props.intl.formatMessage(messages.alertMessage), body: this.props.intl.formatMessage(messages.deleteLanguageConfirmation), type: 'confirm', id: 'email-language-delete-modal'},
       showModal: false,
       page: 1,
       perPageLimit: 25,
@@ -151,12 +151,12 @@ export class Email extends React.Component { // eslint-disable-line react/prefer
       formData['template-version-options'] = [
         {
           key: 'version 1',
-          label: 'Version 1',
+          label: this.props.intl.formatMessage(messages.versionOneMessage),
           value: 'version 1',
         },
         {
           key: 'New Version',
-          label: 'New Version',
+          label: this.props.intl.formatMessage(messages.newVersion),
           value: 'New Version',
         },
       ];
@@ -251,12 +251,12 @@ export class Email extends React.Component { // eslint-disable-line react/prefer
       formData['template-version-options'] = [
         {
           key: 'version 1',
-          label: 'Version 1',
+          label: this.props.intl.formatMessage(messages.versionOneMessage),
           value: 'version 1',
         },
         {
           key: 'New Version',
-          label: 'New Version',
+          label: this.props.intl.formatMessage(messages.newVersion),
           value: 'New Version',
         },
       ];
@@ -784,7 +784,7 @@ export class Email extends React.Component { // eslint-disable-line react/prefer
           const newVersionOption = formData['template-version-options'].pop();
           formData['template-version-options'].push({
             key: `version ${index + 1}`,
-            label: `Version ${index + 1}`,
+            label: `${this.props.intl.formatMessage(messages.versionMessage)} ${index + 1}`,
             value: `version ${index + 1}`,
           });
           formData['template-version-options'].push(newVersionOption);
@@ -906,29 +906,29 @@ export class Email extends React.Component { // eslint-disable-line react/prefer
     let modalContent = {};
     if (type === 'delete-version') {
       modalContent = {
-        title: "Alert",
-        body: "Do you really want to delete this version?",
+        title: this.props.intl.formatMessage(messages.alertMessage),
+        body: this.props.intl.formatMessage(messages.deleteVersionConfirmation),
         type: 'confirm',
         id: 'email-version-delete-modal',
       };
     } else if (type === 'delete-language') {
       modalContent = {
-        title: "Alert",
-        body: "Do you really want to delete this language?",
+        title: this.props.intl.formatMessage(messages.alertMessage),
+        body: this.props.intl.formatMessage(messages.deleteLanguageConfirmation),
         type: 'confirm',
         id: 'email-language-delete-modal',
       };
     } else if (type === 'add-language') {
       const jsx = (
         <div>
-          <div><CapButton type="secondary" style={{width: "100%", marginBottom: "8px"}} onClick={this.uploadFile}>Upload File</CapButton>
+          <div><CapButton type="secondary" style={{width: "100%", marginBottom: "8px"}} onClick={this.uploadFile}>{this.props.intl.formatMessage(messages.uploadFile)}</CapButton>
             <input type="file" id="filename" style={{ display: 'none'}} accept=".zip, .html, .htm" onChange={(event) => this.handleFileUpload(event, {files: event.target.files})} />
           </div>
-          <div><CapButton type="secondary" style={{width: "100%", marginBottom: "8px"}} onClick={this.useEditor}>Use Editor</CapButton></div>
-          <div><CapButton type="secondary" style={{width: "100%", marginBottom: "8px"}} onClick={this.copyPrimaryLanguage}>Copy primary Language</CapButton></div>
+          <div><CapButton type="secondary" style={{width: "100%", marginBottom: "8px"}} onClick={this.useEditor}>{this.props.intl.formatMessage(messages.useEditor)}</CapButton></div>
+          <div><CapButton type="secondary" style={{width: "100%", marginBottom: "8px"}} onClick={this.copyPrimaryLanguage}>{this.props.intl.formatMessage(messages.copyPrimaryLanguage)}</CapButton></div>
         </div>);
       modalContent = {
-        title: "New Language",
+        title: this.props.intl.formatMessage(messages.newLanguage),
         type: "action",
         jsx,
         id: 'email-add-language-options',
@@ -1001,7 +1001,7 @@ export class Email extends React.Component { // eslint-disable-line react/prefer
       showImageSelectionBox: false,
       isDragDrop: false,
       showConfirmationModal: false,
-      modalContent: {title: "Alert", body: "Do you really want to delete this language?", type: 'confirm', id: 'email-language-delete-modal'},
+      modalContent: {title: this.props.intl.formatMessage(messages.alertMessage), body: this.props.intl.formatMessage(messages.deleteLanguageConfirmation), type: 'confirm', id: 'email-language-delete-modal'},
       showModal: false,
       page: 1,
       perPageLimit: 25,
@@ -1121,7 +1121,7 @@ export class Email extends React.Component { // eslint-disable-line react/prefer
       };
       reader.readAsText(files[0]);
     } else {
-      alert('Invalid file type added! Please Give a proper zip/html file');
+      alert(this.props.intl.formatMessage(messages.invalidFileMessage));
     }
   };
 
@@ -1590,7 +1590,7 @@ export class Email extends React.Component { // eslint-disable-line react/prefer
 
   addVersion = () => {
     if (this.state.schema.containers.length === 5) {
-      alert('You cant have more that 5 versions');
+      alert(this.props.intl.formatMessage(messages.moreThanFiveVersionNotAllowed));
       return;
     }
 
@@ -1639,7 +1639,7 @@ export class Email extends React.Component { // eslint-disable-line react/prefer
 
     formData['template-version-options'].push({
       key: `version ${tabIndex}`,
-      label: `Version ${tabIndex}`,
+      label: `${this.props.intl.formatMessage(messages.versionMessage)} ${tabIndex}`,
       value: `version ${tabIndex}`,
     });
     formData['template-version-options'].push(newVersionOption);
@@ -1823,8 +1823,8 @@ export class Email extends React.Component { // eslint-disable-line react/prefer
 
   moveToTemplates = () => {
     const modalContent = {
-      title: "Alert",
-      body: "Do you really want to go back? All your temporary changes will be lost!",
+      title: this.props.intl.formatMessage(messages.alertMessage),
+      body: this.props.intl.formatMessage(messages.goBackTemporaryChangesLost),
       type: 'confirm',
       id: 'template-back-confirm-modal',
       show: true,