@capillarytech/creatives-library 3.1.3 → 3.1.4

package/containers/WeChat/MapTemplates/index.js

@@ -69,8 +69,8 @@ export class MapTemplates extends React.Component { // eslint-disable-line react
       isLoading: true,
       showModal: false,
       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.goBackTemporaryConfirmation),
         type: 'confirm',
         id: 'template-back-confirm-modal',
       },
@@ -559,8 +559,8 @@ export class MapTemplates extends React.Component { // eslint-disable-line react
   moveToTemplates() {
     console.log('in move to Templates');
     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.goBackConfirmation),
       type: 'confirm',
       id: 'template-back-confirm-modal',
       show: true,
@@ -605,10 +605,10 @@ export class MapTemplates extends React.Component { // eslint-disable-line react
       let title = tagTitle;
 
       if (tagTitle.match(/first/i)) {
-        title = "Header";
+        title = this.props.intl.formatMessage(messages.mapTemplateHeader);
       }
       if (tagTitle.match(/remark/i)) {
-        title = "Footer";
+        title = this.props.intl.formatMessage(messages.mapTemplateFooter);
       }
 
       const colsData = {
@@ -641,7 +641,7 @@ export class MapTemplates extends React.Component { // eslint-disable-line react
             type: "input",  //Resembles component to be used
             metaType: "text",
             datatype: "string",
-            errorMessage: `${title} has invalid content.`,
+            errorMessage: `${title} ${this.props.intl.formatMessage(messages.invalidContent)}`,
             required: true,
             fluid: true,
             disabled: (this.props.location.query.type === 'embedded'),
@@ -725,7 +725,7 @@ export class MapTemplates extends React.Component { // eslint-disable-line react
           {
             id: "template-label-link",
             metaType: "label",
-            value: 'Link',
+            value: this.props.intl.formatMessage(messages.loadingEDMTemplates),
             primitive: true,
             type: "div",
             width: 4,
@@ -750,7 +750,7 @@ export class MapTemplates extends React.Component { // eslint-disable-line react
             type: "input",  //Resembles component to be used
             metaType: "text",
             datatype: "string",
-            errorMessage: `Link cannot be empty.`,
+            errorMessage: this.props.intl.formatMessage(messages.linkCantEmpty),
             required: true,
             fluid: true,
             disabled: (this.props.location.query.type === 'embedded'),
@@ -777,7 +777,7 @@ export class MapTemplates extends React.Component { // eslint-disable-line react
         cols: [
           {
             id: "is-internal-url",
-            label: 'Is this internal url',
+            label: this.props.intl.formatMessage(messages.isInternalUrl),
             standalone: true,
             labelStyle: {
               backgroundColor: "white",

package/containers/WeChat/MapTemplates/messages.js

@@ -7,67 +7,99 @@ import { defineMessages } from 'react-intl';
 
 export default defineMessages({
   "header": {
-    id: 'app.containers.WeChat.header',
+    id: 'creatives.containers.WeChat.header',
     defaultMessage: 'WeChat',
   },
   'Template mapping': {
-    id: 'app.containers.WeChat.templateMapping',
+    id: 'creatives.containers.WeChat.templateMapping',
     defaultMessage: 'Template mapping',
   },
   'Discard': {
-    id: 'app.containers.WeChat.discard',
+    id: 'creatives.containers.WeChat.discard',
     defaultMessage: 'Discard',
   },
   'Cancel': {
-    id: 'app.containers.WeChat.cancel',
+    id: 'creatives.containers.WeChat.cancel',
     defaultMessage: 'Cancel',
   },
   'Save': {
-    id: 'app.containers.WeChat.save',
+    id: 'creatives.containers.WeChat.save',
     defaultMessage: 'Save',
   },
   'Account Id': {
-    id: 'app.containers.WeChat.accountId',
+    id: 'creatives.containers.WeChat.accountId',
     defaultMessage: 'Account id',
   },
   'Select Wechat Account': {
-    id: 'app.containers.WeChat.selectWechatAccount',
+    id: 'creatives.containers.WeChat.selectWechatAccount',
     defaultMessage: 'Select wechat account',
   },
   'Template': {
-    id: 'app.containers.WeChat.template',
+    id: 'creatives.containers.WeChat.template',
     defaultMessage: 'Template',
   },
   'Select Wechat Template': {
-    id: 'app.containers.WeChat.selectWechatTemplate',
+    id: 'creatives.containers.WeChat.selectWechatTemplate',
     defaultMessage: 'Select wechat template',
   },
   'Link': {
-    id: 'app.containers.WeChat.link',
+    id: 'creatives.containers.WeChat.link',
     defaultMessage: 'Link',
   },
-  'Is this internal url': {
-    id: 'app.containers.WeChat.isInternalUrl',
+  'isInternalUrl': {
+    id: 'creatives.containers.WeChat.isInternalUrl',
     defaultMessage: 'Is this internal url',
   },
   "Tags": {
-    id: 'app.containers.WeChat.tagsLabel',
+    id: 'creatives.containers.WeChat.tagsLabel',
     defaultMessage: "Tags",
   },
   "gettingTemplateData": {
-    id: 'app.containers.WeChat.gettingTemplateData',
+    id: 'creatives.containers.WeChat.gettingTemplateData',
     defaultMessage: "Getting template data..",
   },
   "wechatEditSuccess": {
-    id: 'app.containers.WeChat.wechatEditSuccess',
+    id: 'creatives.containers.WeChat.wechatEditSuccess',
     defaultMessage: "WeChat template unmapped successfully",
   },
   "wechatCreateSuccess": {
-    id: 'app.containers.WeChat.wechatCreateSuccess',
+    id: 'creatives.containers.WeChat.wechatCreateSuccess',
     defaultMessage: "WeChat template mapped successfully",
   },
   "somethingWentWrong": {
-    id: 'app.containers.WeChat.somethingWentWrong',
+    id: 'creatives.containers.WeChat.somethingWentWrong',
     defaultMessage: "Something went wrong!!",
   },
+  "goBackConfirmation": {
+    id: 'creatives.containers.WeChat.goBackConfirmation',
+    defaultMessage: "Going back will discard all the changes you've made. Continue?",
+  },
+  "alertMessage": {
+    id: 'creatives.containers.WeChat.alertMessage',
+    defaultMessage: "Alert",
+  },
+  "goBackTemporaryConfirmation": {
+    id: 'creatives.containers.WeChat.goBackTemporaryConfirmation',
+    defaultMessage: "Do you really want to go back? All your temporary changes will be lost!",
+  },
+  "mapTemplateHeader": {
+    id: 'creatives.containers.WeChat.mapTemplateHeader',
+    defaultMessage: "Header",
+  },
+  "mapTemplateFooter": {
+    id: 'creatives.containers.WeChat.mapTemplateFooter',
+    defaultMessage: "Footer",
+  },
+  "invalidContent": {
+    id: 'creatives.containers.WeChat.invalidContent',
+    defaultMessage: "has invalid content.",
+  },
+  "link": {
+    id: 'creatives.containers.WeChat.link',
+    defaultMessage: "Link",
+  },
+  "linkCantEmpty": {
+    id: 'creatives.containers.WeChat.linkCantEmpty',
+    defaultMessage: "Link cannot be empty",
+  },
 });

package/containers/WeChat/RichmediaTemplates/Create/messages.js

@@ -7,135 +7,135 @@ import { defineMessages } from 'react-intl';
 
 export default defineMessages({
   "header": {
-    id: 'app.containers.Create.header',
+    id: 'creatives.containers.Create.header',
     defaultMessage: 'This is Create container !',
   },
   "titleCharacterCount": {
-    id: 'app.containers.Create.titleCharacterCount',
+    id: 'creatives.containers.Create.titleCharacterCount',
     defaultMessage: 'Title exceeds character count limit by',
   },
   "authorCharacterCount": {
-    id: 'app.containers.Create.authorCharacterCount',
+    id: 'creatives.containers.Create.authorCharacterCount',
     defaultMessage: 'Author exceeds character count limit by',
   },
   "coverAbstractCharacterCount": {
-    id: 'app.containers.Create.coverAbstractCharacterCount',
+    id: 'creatives.containers.Create.coverAbstractCharacterCount',
     defaultMessage: 'Cover abstract exceeds character count limit by',
   },
   "saveSuccess": {
-    id: 'app.containers.Create.saveSuccess',
+    id: 'creatives.containers.Create.saveSuccess',
     defaultMessage: 'Template saved successfully',
   },
   "modalTitle": {
-    id: 'app.containers.Create.modalTitle',
+    id: 'creatives.containers.Create.modalTitle',
     defaultMessage: 'Alert',
   },
   "modalBody": {
-    id: 'app.containers.Create.modalBody',
+    id: 'creatives.containers.Create.modalBody',
     defaultMessage: 'Do you really want to go back? All your temporary changes will be lost!',
   },
   "deleteContent": {
-    id: 'app.containers.Create.deleteContent',
+    id: 'creatives.containers.Create.deleteContent',
     defaultMessage: 'Do you really want to delete? All your temporary changes will be lost!',
   },
   "emptyTemplateName": {
-    id: 'app.containers.Create.emptyTemplateName',
+    id: 'creatives.containers.Create.emptyTemplateName',
     defaultMessage: 'Cannot leave template name empty',
   },
   "wrongFormatFile": {
-    id: 'app.containers.Create.wrongFormatFile',
+    id: 'creatives.containers.Create.wrongFormatFile',
     defaultMessage: 'Wrong file upoaded. Please upload image file',
   },
   "formEmpty": {
-    id: 'app.containers.Create.formEmpty',
+    id: 'creatives.containers.Create.formEmpty',
     defaultMessage: 'Cannot leave form empty',
   },
   "titleEmpty": {
-    id: 'app.containers.Create.titleEmpty',
+    id: 'creatives.containers.Create.titleEmpty',
     defaultMessage: 'Cannot leave title field empty',
   },
   "noImage": {
-    id: 'app.containers.Create.noImage',
+    id: 'creatives.containers.Create.noImage',
     defaultMessage: 'Please upload an image',
   },
   "sourceLinkEmpty": {
-    id: 'app.containers.Create.sourceLinkEmpty',
+    id: 'creatives.containers.Create.sourceLinkEmpty',
     defaultMessage: 'Cannot leave source link field empty',
   },
   "contentEmpty": {
-    id: 'app.containers.Create.contentEmpty',
+    id: 'creatives.containers.Create.contentEmpty',
     defaultMessage: 'Cannot leave content field empty',
   },
   "titleNameRepeated": {
-    id: 'app.containers.Create.titleNameRepeated',
+    id: 'creatives.containers.Create.titleNameRepeated',
     defaultMessage: 'Title name cannot be repeated',
   },
   "wrongUrl": {
-    id: 'app.containers.Create.wrongUrl',
+    id: 'creatives.containers.Create.wrongUrl',
     defaultMessage: 'Enter correct URL',
   },
   "maxContentCount": {
-    id: 'app.containers.Create.maxContentCount',
+    id: 'creatives.containers.Create.maxContentCount',
     defaultMessage: 'You have reached the maximum template size',
   },
   "addNewRichmedia": {
-    id: 'app.containers.Create.addNewRichmedia',
+    id: 'creatives.containers.Create.addNewRichmedia',
     defaultMessage: 'Add richmedia content',
   },
   'Title*': {
-    id: 'app.containers.Create.Title*',
+    id: 'creatives.containers.Create.Title*',
     defaultMessage: 'Title*',
   },
   'Please input title': {
-    id: 'app.containers.Create.Please_input_title',
+    id: 'creatives.containers.Create.Please_input_title',
     defaultMessage: 'Please input title',
   },
   'Author': {
-    id: 'app.containers.Create.Author',
+    id: 'creatives.containers.Create.Author',
     defaultMessage: 'Author',
   },
   'Please input author': {
-    id: 'app.containers.Create.Please_input_author',
+    id: 'creatives.containers.Create.Please_input_author',
     defaultMessage: 'Please input author',
   },
   'Cover image*': {
-    id: 'app.containers.Create.Cover_image*',
+    id: 'creatives.containers.Create.Cover_image*',
     defaultMessage: 'Cover image*',
   },
   'Cover abstract': {
-    id: 'app.containers.Create.Cover_abstract',
+    id: 'creatives.containers.Create.Cover_abstract',
     defaultMessage: 'Cover abstract',
   },
   'Please input cover abstract': {
-    id: 'app.containers.Create.Please_input_cover_abstract',
+    id: 'creatives.containers.Create.Please_input_cover_abstract',
     defaultMessage: 'Please input cover abstract',
   },
   'Content*': {
-    id: 'app.containers.Create.Content*',
+    id: 'creatives.containers.Create.Content*',
     defaultMessage: 'Content*',
   },
   'Please input content': {
-    id: 'app.containers.Create.Please_input_content',
+    id: 'creatives.containers.Create.Please_input_content',
     defaultMessage: 'Please input content',
   },
   'Show cover picture': {
-    id: 'app.containers.Create.Show_cover_picture',
+    id: 'creatives.containers.Create.Show_cover_picture',
     defaultMessage: 'Show cover picture',
   },
   'Who can post comments on this content': {
-    id: 'app.containers.Create.Who_can_post_comments_on_this_content',
+    id: 'creatives.containers.Create.Who_can_post_comments_on_this_content',
     defaultMessage: 'Who can post comments on this content',
   },
   'No one': {
-    id: 'app.containers.Create.No_one',
+    id: 'creatives.containers.Create.No_one',
     defaultMessage: 'No one',
   },
   'Anyone': {
-    id: 'app.containers.Create.Anyone',
+    id: 'creatives.containers.Create.Anyone',
     defaultMessage: 'Anyone',
   },
   'Only followers': {
-    id: 'app.containers.Create.Only_followers',
+    id: 'creatives.containers.Create.Only_followers',
     defaultMessage: 'Only followers',
   },
 });

package/containers/WeChat/RichmediaTemplates/Edit/messages.js

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

package/containers/WeChat/RichmediaTemplates/View/index.js

@@ -19,9 +19,9 @@ export class View extends React.PureComponent { // eslint-disable-line react/pre
     return (
       <div>
         <Helmet
-          title="View"
+          title={<FormattedMessage {...messages.view} />}
           meta={[
-            { name: 'description', content: 'Description of View' },
+            { name: 'description', content: <FormattedMessage {...messages.descriptionView} /> },
           ]}
         />
         <FormattedMessage {...messages.header} />

package/containers/WeChat/RichmediaTemplates/View/messages.js

@@ -7,7 +7,15 @@ import { defineMessages } from 'react-intl';
 
 export default defineMessages({
   header: {
-    id: 'app.containers.View.header',
+    id: 'creatives.containers.View.header',
     defaultMessage: 'This is View container !',
   },
+  view: {
+    id: 'creatives.containers.View.view',
+    defaultMessage: 'View',
+  },
+  descriptionView: {
+    id: 'creatives.containers.View.descriptionView',
+    defaultMessage: 'Description of View',
+  },
 });

package/package.json

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

package/services/api.js

@@ -319,8 +319,16 @@ export const createLineTemplate = ({template}) => {
   return request(url, getAPICallObject('POST', template));
 };
 
-export const getLocizMessage = (locale) => {
+export const getLocizMessage = async (locale) => {
   const appName = 'creatives_v2';
+  const messagePrefix = 'creatives';
   const url = `${ARYA_ENDPOINT}/translations/${appName}/${locale}`;
-  return request(url, getAPICallObject('GET'));
+  const response = await request(url, getAPICallObject('GET'));
+  return Object.keys(response).reduce(
+    (acc, key) => ({
+      ...acc,
+      ...{ [`${key.replace('app', messagePrefix)}`]: response[key] },
+    }),
+    {}
+  );
 };