@capillarytech/creatives-library 3.1.2 → 3.1.4

package/v2Containers/MobilePush/Create/messages.js

@@ -7,259 +7,287 @@ import { defineMessages } from 'react-intl';
 
 export default defineMessages({
   "imageUploadLabel": {
-    id: 'app.containers.MobilePush.Create.ImageUploadLabel',
+    id: 'creatives.containersV2.MobilePush.Create.ImageUploadLabel',
     defaultMessage: 'Upload image',
   },
   "Enter template name*": {
-    id: 'app.containers.MobilePush.Create.enterTemplateNameImportant',
+    id: 'creatives.containersV2.MobilePush.Create.enterTemplateNameImportant',
     defaultMessage: 'Enter template name*',
   },
   "Enter template name": {
-    id: 'app.containers.MobilePush.Create.enterTemplateName',
+    id: 'creatives.containersV2.MobilePush.Create.enterTemplateName',
     defaultMessage: 'Enter template name',
   },
   "Template name cannot be empty": {
-    id: 'app.containers.MobilePush.Create.templateCantEmpty',
+    id: 'creatives.containersV2.MobilePush.Create.templateCantEmpty',
     defaultMessage: 'Template name cannot be empty',
   },
   "Discard Changes": {
-    id: 'app.containers.MobilePush.Create.discardChanges',
+    id: 'creatives.containersV2.MobilePush.Create.discardChanges',
     defaultMessage: 'Discard changes',
   },
   "Cancel": {
-    id: 'app.containers.MobilePush.Create.cancel',
+    id: 'creatives.containersV2.MobilePush.Create.cancel',
     defaultMessage: 'Cancel',
   },
   "Save": {
-    id: 'app.containers.MobilePush.Create.save',
+    id: 'creatives.containersV2.MobilePush.Create.save',
     defaultMessage: 'Save',
   },
   "Select Mobilepush Account": {
-    id: 'app.containers.MobilePush.Create.selectMobilePushAccount',
+    id: 'creatives.containersV2.MobilePush.Create.selectMobilePushAccount',
     defaultMessage: 'Select mobilepush account',
   },
   "Account Id": {
-    id: 'app.containers.MobilePush.Create.accountId',
+    id: 'creatives.containersV2.MobilePush.Create.accountId',
     defaultMessage: 'Account id',
   },
   "Select Mobilepush Template": {
-    id: 'app.containers.MobilePush.Create.selectMobilePushTemplate',
+    id: 'creatives.containersV2.MobilePush.Create.selectMobilePushTemplate',
     defaultMessage: 'Select mobilepush template',
   },
   "Template": {
-    id: 'app.containers.MobilePush.Create.template',
+    id: 'creatives.containersV2.MobilePush.Create.template',
     defaultMessage: 'Template',
   },
   "Android": {
-    id: 'app.containers.MobilePush.Create.Android',
+    id: 'creatives.containersV2.MobilePush.Create.Android',
     defaultMessage: 'Android',
   },
   "Copy Title and Content From IOS": {
-    id: 'app.containers.MobilePush.Create.copyFromIos',
+    id: 'creatives.containersV2.MobilePush.Create.copyFromIos',
     defaultMessage: 'Copy title and content from IOS',
   },
   "Title*": {
-    id: 'app.containers.MobilePush.Create.titleLabel',
+    id: 'creatives.containersV2.MobilePush.Create.titleLabel',
     defaultMessage: 'Title*',
   },
   "Title": {
-    id: 'app.containers.MobilePush.Create.title',
+    id: 'creatives.containersV2.MobilePush.Create.title',
     defaultMessage: 'Title',
   },
   "Please input message title name.": {
-    id: 'app.containers.MobilePush.Create.titleNameInvalid',
+    id: 'creatives.containersV2.MobilePush.Create.titleNameInvalid',
     defaultMessage: 'Please enter the message title',
   },
   "Template message has unsupported/missing tags!": {
-    id: 'app.containers.MobilePush.Create.messageHasUnsupportedTag',
+    id: 'creatives.containersV2.MobilePush.Create.messageHasUnsupportedTag',
     defaultMessage: 'Please check the message content for unsupported/missing tags',
   },
   "Tags": {
-    id: 'app.containers.MobilePush.Create.Tags',
+    id: 'creatives.containersV2.MobilePush.Create.Tags',
     defaultMessage: 'Tags',
   },
   "Message*": {
-    id: 'app.containers.MobilePush.Create.messageLabel',
+    id: 'creatives.containersV2.MobilePush.Create.messageLabel',
     defaultMessage: 'Message*',
   },
   "Message": {
-    id: 'app.containers.MobilePush.Create.message',
+    id: 'creatives.containersV2.MobilePush.Create.message',
     defaultMessage: 'Message',
   },
   "Please input mobile push template content.": {
-    id: 'app.containers.MobilePush.Create.inputMobilePushTemplateContent',
+    id: 'creatives.containersV2.MobilePush.Create.inputMobilePushTemplateContent',
     defaultMessage: 'Please enter the message content',
   },
-  "Add Primary CTA": {
-    id: 'app.containers.MobilePush.Create.addPrimaryCTA',
+  "addPrimaryCTA": {
+    id: 'creatives.containersV2.MobilePush.Create.addPrimaryCTA',
     defaultMessage: 'Add primary CTA',
   },
-  "Add Secondary CTA": {
-    id: 'app.containers.MobilePush.Create.addSecondaryCTA',
+  "addSecondaryCTA": {
+    id: 'creatives.containersV2.MobilePush.Create.addSecondaryCTA',
     defaultMessage: 'Add secondary CTA',
   },
   "iOS": {
-    id: 'app.containers.MobilePush.Create.iOS',
+    id: 'creatives.containersV2.MobilePush.Create.iOS',
     defaultMessage: 'iOS',
   },
   "Copy Title and Content From Android": {
-    id: 'app.containers.MobilePush.Create.copyFromAndroid',
+    id: 'creatives.containersV2.MobilePush.Create.copyFromAndroid',
     defaultMessage: 'Copy title and content from android',
   },
   "Template title has unsupported/missing tags.": {
-    id: 'app.containers.MobilePush.Create.titleHasUnsupportedTag',
+    id: 'creatives.containersV2.MobilePush.Create.titleHasUnsupportedTag',
     defaultMessage: 'Please check the message content for unsupported/missing tags',
   },
   "Template name cannot be empty.": {
-    id: 'app.containers.MobilePush.Create.templateNameNotEmpty',
+    id: 'creatives.containersV2.MobilePush.Create.templateNameNotEmpty',
     defaultMessage: 'Please provide a template name ',
   },
   "Message title has unsupported/missing tags!": {
-    id: 'app.containers.MobilePush.Create.messageTitleWithUnsupportedTag',
+    id: 'creatives.containersV2.MobilePush.Create.messageTitleWithUnsupportedTag',
     defaultMessage: 'Please check the message content for unsupported/missing tags',
   },
   "Image": {
-    id: 'app.containers.MobilePush.Create.Image',
+    id: 'creatives.containersV2.MobilePush.Create.Image',
     defaultMessage: 'Image',
   },
   "Max file size acceptable is 5mb": {
-    id: 'app.containers.MobilePush.Create.maxUploadFileSize',
+    id: 'creatives.containersV2.MobilePush.Create.maxUploadFileSize',
     defaultMessage: 'Max file size acceptable is 5mb',
   },
   "Please upload Image": {
-    id: 'app.containers.MobilePush.Create.pleaseUploadImage',
+    id: 'creatives.containersV2.MobilePush.Create.pleaseUploadImage',
     defaultMessage: 'Please upload image',
   },
   "Upload Image": {
-    id: 'app.containers.MobilePush.Create.uploadImage',
+    id: 'creatives.containersV2.MobilePush.Create.uploadImage',
     defaultMessage: 'Upload image',
   },
   "messageCreateSuccess": {
-    id: 'app.containers.MobilePush.Create.templateCreatedSuccessfully',
+    id: 'creatives.containersV2.MobilePush.Create.templateCreatedSuccessfully',
     defaultMessage: 'Mobile push template created successfully',
   },
   "somethingWentWrong": {
-    id: 'app.containers.MobilePush.Create.somethingWentWrong',
+    id: 'creatives.containersV2.MobilePush.Create.somethingWentWrong',
     defaultMessage: 'Something went wrong!!',
   },
-  "Select DeepLink": {
-    id: 'app.containers.MobilePush.Create.selectDeepLink',
-    defaultMessage: 'Select deepLink',
-  },
-  "External Link": {
-    id: 'app.containers.MobilePush.Create.externalLink',
+  "externalLink": {
+    id: 'creatives.containersV2.MobilePush.Create.externalLink',
     defaultMessage: 'External link',
   },
   "External Link cannot be empty": {
-    id: 'app.containers.MobilePush.Create.externalLinkCantEmpty',
+    id: 'creatives.containersV2.MobilePush.Create.externalLinkCantEmpty',
     defaultMessage: 'External link cannot be empty',
   },
   "invalidExternalLink": {
-    id: 'app.containers.MobilePush.Create.invalidExternalLink',
+    id: 'creatives.containersV2.MobilePush.Create.invalidExternalLink',
     defaultMessage: 'External link cannot be empty / invalid url',
   },
   "Do you really want to go back? All your temporary changes will be lost!": {
-    id: 'app.containers.MobilePush.Create.goBackConfirmation',
+    id: 'creatives.containersV2.MobilePush.Create.goBackConfirmation',
     defaultMessage: "Going back will discard all the changes you've made. Continue?",
   },
   "Secondary CTA": {
-    id: 'app.containers.MobilePush.Create.secondaryCTA',
+    id: 'creatives.containersV2.MobilePush.Create.secondaryCTA',
     defaultMessage: 'Secondary CTA',
   },
-  "Name and Description": {
-    id: 'app.containers.MobilePush.Create.nameAndDescription',
+  "nameAndDescription": {
+    id: 'creatives.containersV2.MobilePush.Create.nameAndDescription',
     defaultMessage: 'Name and description',
   },
-  "Button 1": {
-    id: 'app.containers.MobilePush.Create.button1',
+  "button1": {
+    id: 'creatives.containersV2.MobilePush.Create.button1',
     defaultMessage: 'Button 1',
   },
-  "Button 2": {
-    id: 'app.containers.MobilePush.Create.button2',
+  "button2": {
+    id: 'creatives.containersV2.MobilePush.Create.button2',
     defaultMessage: 'Button 2',
   },
-  "Add Another CTA": {
-    id: 'app.containers.MobilePush.Create.addAnotherCTA',
+  "addAnotherCTA": {
+    id: 'creatives.containersV2.MobilePush.Create.addAnotherCTA',
     defaultMessage: 'Add another CTA',
   },
-  "Please select link type": {
-    id: 'app.containers.MobilePush.Create.selectLinkType',
+  "selectLinkType": {
+    id: 'creatives.containersV2.MobilePush.Create.selectLinkType',
     defaultMessage: 'Please select link type',
   },
   "Primary CTA": {
-    id: 'app.containers.MobilePush.Create.primaryCTA',
+    id: 'creatives.containersV2.MobilePush.Create.primaryCTA',
     defaultMessage: 'Primary CTA',
   },
-  "Enter CTA Label here": {
-    id: 'app.containers.MobilePush.Create.enterCTALabel',
+  "enterCTALabel": {
+    id: 'creatives.containersV2.MobilePush.Create.enterCTALabel',
     defaultMessage: 'Enter CTA label here',
   },
-  "CTA label cannot be empty.": {
-    id: 'app.containers.MobilePush.Create.ctaLabelCantEmpty',
+  "ctaLabelCantEmpty": {
+    id: 'creatives.containersV2.MobilePush.Create.ctaLabelCantEmpty',
     defaultMessage: 'CTA label cannot be empty.',
   },
-  "Select deeplink": {
-    id: 'app.containers.MobilePush.Create.selectDeeplink',
+  "selectDeeplink": {
+    id: 'creatives.containersV2.MobilePush.Create.selectDeeplink',
     defaultMessage: 'Select deeplink',
   },
-  "Select a deeplink": {
-    id: 'app.containers.MobilePush.Create.selectADeeplink',
+  "selectADeeplink": {
+    id: 'creatives.containersV2.MobilePush.Create.selectADeeplink',
     defaultMessage: 'Select a deeplink',
   },
   "File size cannot be more than 5mb": {
-    id: 'app.containers.MobilePush.Create.uploadFileSizeError',
+    id: 'creatives.containersV2.MobilePush.Create.uploadFileSizeError',
     defaultMessage: 'File size cannot be more than 5mb',
   },
-  "value cannot be empty.": {
-    id: 'app.containers.MobilePush.Create.valueCantEmpty',
+  "valueCantEmpty": {
+    id: 'creatives.containersV2.MobilePush.Create.valueCantEmpty',
     defaultMessage: 'Value cannot be empty.',
   },
-  "Please delete second Secondary cta First": {
-    id: 'app.containers.MobilePush.Create.deleteSecondCTAFirst',
+  "deleteSecondCTAFirst": {
+    id: 'creatives.containersV2.MobilePush.Create.deleteSecondCTAFirst',
     defaultMessage: 'Please delete second secondary cta first',
   },
   "Uploading Image...": {
-    id: 'app.containers.MobilePush.Create.uploadingImage',
+    id: 'creatives.containersV2.MobilePush.Create.uploadingImage',
     defaultMessage: 'Uploading image...',
   },
   "Campaigns": {
-    id: 'app.containers.MobilePush.Create.Campaigns',
+    id: 'creatives.containersV2.MobilePush.Create.Campaigns',
     defaultMessage: 'Campaigns',
   },
   "Creatives": {
-    id: 'app.containers.MobilePush.Create.Creatives',
+    id: 'creatives.containersV2.MobilePush.Create.Creatives',
     defaultMessage: 'Creatives',
   },
   "Mobile Push": {
-    id: 'app.containers.MobilePush.Create.mobilePush',
+    id: 'creatives.containersV2.MobilePush.Create.mobilePush',
     defaultMessage: 'Mobile Push',
   },
   "selectActionButton": {
-    id: 'app.containers.MobilePush.Create.mobilePush',
+    id: 'creatives.containersV2.MobilePush.Create.mobilePush',
     defaultMessage: 'Select action buttons',
   },
   "uploadImageSizeErrorTitle": {
-    id: 'app.containers.MobilePush.Create.uploadImageSizeErrorTitle',
+    id: 'creatives.containersV2.MobilePush.Create.uploadImageSizeErrorTitle',
     defaultMessage: 'File size error',
   },
   "uploadImageSizeErrorDescription": {
-    id: 'app.containers.MobilePush.Create.uploadImageSizeErrorDescription',
+    id: 'creatives.containersV2.MobilePush.Create.uploadImageSizeErrorDescription',
     defaultMessage: 'File size cannot be more than 3mb',
   },
   "validationError": {
-    id: 'app.containers.MobilePush.Create.validationError',
+    id: 'creatives.containersV2.MobilePush.Create.validationError',
     defaultMessage: 'Validation error',
   },
   "invalidIosMessage": {
-    id: 'app.containers.MobilePush.Create.invalidIosMessage',
+    id: 'creatives.containersV2.MobilePush.Create.invalidIosMessage',
     defaultMessage: 'Validation failed for IOS',
   },
   "invalidAndroidMessage": {
-    id: 'app.containers.MobilePush.Create.invalidAndroidMessage',
+    id: 'creatives.containersV2.MobilePush.Create.invalidAndroidMessage',
     defaultMessage: 'Validation failed for android',
   },
   "invalidTags": {
-    id: 'app.containers.MobilePush.Create.invalidTags',
+    id: 'creatives.containersV2.MobilePush.Create.invalidTags',
     defaultMessage: 'Invalid tags',
   },
+  "alertMessage": {
+    id: 'creatives.containersV2.MobilePush.Create.alertMessage',
+    defaultMessage: 'Alert',
+  },
+  "templateNotConfigured": {
+    id: 'creatives.containersV2.MobilePush.Create.templateNotConfigured',
+    defaultMessage: 'template not configured,',
+  },
+  "androidNotConfigured": {
+    id: 'creatives.containersV2.MobilePush.Create.androidNotConfigured',
+    defaultMessage: 'Android template is not configured. Save without Android template',
+  },
+  "iosNotConfigured": {
+    id: 'creatives.containersV2.MobilePush.Create.iosNotConfigured',
+    defaultMessage: 'IOS template is not configured, Save without IOS template',
+  },
+  "goBackTemporaryChangesLost": {
+    id: 'creatives.containersV2.MobilePush.Create.goBackTemporaryChangesLost',
+    defaultMessage: 'Do you really want to go back? All your temporary changes will be lost!',
+  },
+  "cantCopyEmptyFieldValues": {
+    id: 'creatives.containersV2.MobilePush.Create.cantCopyEmptyFieldValues',
+    defaultMessage: 'Cannot copy empty field values.',
+  },
+  "pleaseInput": {
+    id: 'creatives.containersV2.MobilePush.Create.pleaseInput',
+    defaultMessage: 'Please input',
+  },
+  "here": {
+    id: 'creatives.containersV2.MobilePush.Create.here',
+    defaultMessage: 'here .',
+  },
 });

package/v2Containers/MobilePush/Edit/index.js

@@ -49,7 +49,7 @@ export class Edit extends React.Component { // eslint-disable-line react/prefer-
       showModal: false,
       eventsMap,
       startValidation: false,
-      modalContent: {title: "Alert", body: this.props.intl.formatMessage(messages['template not configured,']), type: 'confirm'},
+      modalContent: {title: this.props.intl.formatMessage(messages.alertMessage), body: this.props.intl.formatMessage(messages.templateNotConfigured), type: 'confirm'},
     };
     this.getPrimaryCtaFields = getPrimaryCtaFields.bind(this);
     this.getSecondaryCtaFields = getSecondaryCtaFields.bind(this);
@@ -851,16 +851,16 @@ export class Edit extends React.Component { // eslint-disable-line react/prefer-
   setModalContent = (type) => {
     if (type === 'ios') {
       const modalContent = {
-        title: "Alert",
-        body: "Android template is not configured. Save without Android template",
+        title: this.props.intl.formatMessage(messages.alertMessage),
+        body: this.props.intl.formatMessage(messages.androidTemplateNotConfigured),
         type: 'confirm',
         id: 'ios',
       };
       this.setState({modalContent, showModal: true});
     } else if (type === 'android') {
       const modalContent = {
-        title: "Alert",
-        body: "IOS template is not configured, Save without IOS template",
+        title: this.props.intl.formatMessage(messages.alertMessage),
+        body: this.props.intl.formatMessage(messages.iosTemplateNotConfigured),
         type: 'confirm',
         id: 'android',
       };
@@ -927,7 +927,7 @@ export class Edit extends React.Component { // eslint-disable-line react/prefer-
       formData[0]['message-editor'] = formData[1]['message-editor2'];
       this.setState({formData});
     } else {
-      this.openNotificationWithIcon('warning', "Cannot copy empty field values.");
+      this.openNotificationWithIcon('warning', this.props.intl.formatMessage(messages.cantCopyEmptyFieldValues));
     }
   };
   copyAndroidContent = () => {
@@ -937,7 +937,7 @@ export class Edit extends React.Component { // eslint-disable-line react/prefer-
       formData[1]['message-editor2'] = formData[0]['message-editor'];
       this.setState({formData});
     } else {
-      this.openNotificationWithIcon('warning', "Cannot copy empty field values.");
+      this.openNotificationWithIcon('warning', this.props.intl.formatMessage(messages.cantCopyEmptyFieldValues));
     }
   };
 
@@ -1022,7 +1022,7 @@ export class Edit extends React.Component { // eslint-disable-line react/prefer-
                   required: true,
                   width: 18,
                   offset: 1,
-                  errorMessage: "Please select link type",
+                  errorMessage: this.props.intl.formatMessage(messages.selectLinkType),
                   fluid: true,
 
                   styling: "semantic",
@@ -1040,12 +1040,12 @@ export class Edit extends React.Component { // eslint-disable-line react/prefer-
 
                 {
                   id: `cta-deeplink-${inputId}-select2`,
-                  placeholder: "Select DeepLink",
+                  placeholder: this.props.intl.formatMessage(messages.selectDeeplink),
                   type: "select",  //Resembles component to be used
                   options: deepLinkOptions,
                   metaType: "text",
                   datatype: "string",
-                  errorMessage: "Select a deeplink",
+                  errorMessage: this.props.intl.formatMessage(messages.selectADeeplink),
                   required: true,
                   fluid: true,
                   width: 18,
@@ -1116,7 +1116,7 @@ export class Edit extends React.Component { // eslint-disable-line react/prefer-
                             {
                               id: `${this.state.currentTab === 1 ? "add-pri-cta" : "add-pri-cta-ios"}`,
                               metaType: "label",
-                              value: "Add Primary CTA",
+                              value: this.props.intl.formatMessage(messages.addPrimaryCTA),
                               primitive: true,
                               dynamicTab: false,
                               type: "div",
@@ -1177,7 +1177,7 @@ export class Edit extends React.Component { // eslint-disable-line react/prefer-
     if (id === "secondary-cta-0-delete") {
       const secCta2 = document.getElementById("secondary-cta-1-delete");
       if (secCta2) {
-        const modalContent = {title: "Alert", body: "Please delete second Secondary cta First", type: 'info', show: true, onCancel: this.onModalCancel};
+        const modalContent = {title: this.props.intl.formatMessage(messages.alertMessage), body: this.props.intl.formatMessage(messages.deleteSecondCTAFirst), type: 'info', show: true, onCancel: this.onModalCancel};
         this.setState({modalContent, showModal: true});
         return;
       }
@@ -1231,7 +1231,7 @@ export class Edit extends React.Component { // eslint-disable-line react/prefer-
                               {
                                 id: "add-sec-cta-ios",
                                 metaType: "label",
-                                value: "Add Secondary CTA",
+                                value: this.props.intl.formatMessage(messages.addSecondaryCTA),
                                 primitive: true,
                                 dynamicTab: false,
                                 type: "div",
@@ -1264,7 +1264,7 @@ export class Edit extends React.Component { // eslint-disable-line react/prefer-
                                 {
                                   id: "add-sec-cta",
                                   metaType: "label",
-                                  value: "Add Secondary CTA",
+                                  value: this.props.intl.formatMessage(messages.addSecondaryCTA),
                                   primitive: true,
                                   dynamicTab: false,
                                   type: "div",
@@ -1303,7 +1303,7 @@ export class Edit extends React.Component { // eslint-disable-line react/prefer-
                                 {
                                   id: "add-sec-cta",
                                   metaType: "label",
-                                  value: "Add Another CTA",
+                                  value: this.props.intl.formatMessage(messages.addAnotherCTA),
                                   primitive: true,
                                   dynamicTab: false,
                                   type: "div",
@@ -1392,8 +1392,8 @@ export class Edit extends React.Component { // eslint-disable-line react/prefer-
   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.goBackTemporaryChangesLost),
       type: 'confirm',
       id: 'template-back-confirm-modal',
       show: true,
@@ -1550,12 +1550,12 @@ export class Edit extends React.Component { // eslint-disable-line react/prefer-
             required: true,
             width: 18,
             offset: 1,
-            placeholder: `Please input ${key.replace('_', " ")}.`,
+            placeholder: `${this.props.intl.formatMessage(messages.pleaseInput)} ${key.replace('_', " ")}.`,
             fluid: true,
             styling: "semantic",
             order: 1,
             customComponent: false,
-            errorMessage: "value cannot be empty.",
+            errorMessage: this.props.intl.formatMessage(messages.valueCantEmpty),
           },
         ],
       };
@@ -1815,7 +1815,7 @@ export class Edit extends React.Component { // eslint-disable-line react/prefer-
                   }}
                   dataSource={this.props.iosCtasData} columns={[
                     {
-                      title: "Name and Description",
+                      title: this.props.intl.formatMessage(messages.nameAndDescription),
                       dataIndex: "name",
                       key: "name",
                       width: 200,
@@ -1826,7 +1826,7 @@ export class Edit extends React.Component { // eslint-disable-line react/prefer-
                         </div>),
                     },
                     {
-                      title: "Button 1",
+                      title: this.props.intl.formatMessage(messages.button1),
                       dataIndex: "description",
                       key: "button1",
                       width: 100,
@@ -1836,7 +1836,7 @@ export class Edit extends React.Component { // eslint-disable-line react/prefer-
                         </div>),
                     },
                     {
-                      title: "Button 2",
+                      title: this.props.intl.formatMessage(messages.button2),
                       dataIndex: "description",
                       key: "button2",
                       width: 100,