@capillarytech/creatives-library 3.1.2 → 3.1.4

package/containers/MobilePush/Create/index.js

@@ -158,7 +158,7 @@ export class Create extends React.Component { // eslint-disable-line react/prefe
         eventsMap: map,
         errorData: {},
         displayProps: {},
-        modalContent: {title: "Alert", body: "template not configured,", type: 'confirm'},
+        modalContent: {title: this.props.intl.formatMessage(messages.alertMessage), body: this.props.intl.formatMessage(messages.templateNotConfigured), type: 'confirm'},
         injectedTags: {},
       };
     }
@@ -354,12 +354,12 @@ export class Create extends React.Component { // eslint-disable-line react/prefe
                               },
                               {
                                 id: inputId,
-                                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: 19,
@@ -402,11 +402,11 @@ export class Create extends React.Component { // eslint-disable-line react/prefe
                               },
                               {
                                 id: inputId,
-                                placeholder: "External Link",
+                                placeholder: this.props.intl.formatMessage(messages.externalLink),
                                 type: "input",  //Resembles component to be used
                                 metaType: "text",
                                 datatype: "string",
-                                errorMessage: "External Link cannot be empty",
+                                errorMessage: this.props.intl.formatMessage(messages.externalLinkCantEmpty),
                                 required: true,
                                 fluid: true,
                                 width: 19,
@@ -722,16 +722,16 @@ export class Create extends React.Component { // eslint-disable-line react/prefe
   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.androidNotConfigured),
         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.iosNotConfigured),
         type: 'confirm',
         id: 'android',
       };
@@ -755,8 +755,8 @@ export class Create extends React.Component { // eslint-disable-line react/prefe
   moveToTemplates = () => {
     console.log('in move to Templates');
     const modalContent = {
-      title: "Alert",
-      body: this.props.intl.formatMessage(messages["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,
@@ -1066,7 +1066,7 @@ export class Create extends React.Component { // eslint-disable-line react/prefe
                           {
                             id: `${inputId}-label`,
                             metaType: "label",
-                            value: "Secondary CTA",
+                            value: this.props.intl.formatMessage(messages.secondaryCTA),
                             primitive: true,
                             dynamicTab: false,
                             type: "div",
@@ -1095,7 +1095,7 @@ export class Create extends React.Component { // eslint-disable-line react/prefe
                             pagination: false,
                             columns: [
                               {
-                                title: "Name and Description",
+                                title: this.props.intl.formatMessage(messages.nameAndDescription),
                                 dataIndex: "name",
                                 key: "name",
                                 width: 200,
@@ -1106,7 +1106,7 @@ export class Create extends React.Component { // eslint-disable-line react/prefe
                                   </div>),
                               },
                               {
-                                title: "Button 1",
+                                title: this.props.intl.formatMessage(messages.button1),
                                 dataIndex: "description",
                                 key: "button1",
                                 width: 100,
@@ -1116,7 +1116,7 @@ export class Create extends React.Component { // eslint-disable-line react/prefe
                                   </div>),
                               },
                               {
-                                title: "Button 2",
+                                title: this.props.intl.formatMessage(messages.button2),
                                 dataIndex: "description",
                                 key: "button2",
                                 width: 100,
@@ -1139,7 +1139,7 @@ export class Create extends React.Component { // eslint-disable-line react/prefe
                       });
 
                       const colField = col;
-                      colField.value = "Add Another CTA";
+                      colField.value = this.props.intl.formatMessage(messages.addAnotherCTA);
                       colField.fieldsCount += 1;
                       if (col.fieldsCount === col.fieldsLimit) {
                         child.inputFields.pop();
@@ -1181,7 +1181,7 @@ export class Create extends React.Component { // eslint-disable-line react/prefe
                           {
                             id: `${inputId}-action-label`,
                             metaType: "label",
-                            value: "Secondary CTA",
+                            value: this.props.intl.formatMessage(messages.secondaryCTA),
                             primitive: true,
                             dynamicTab: false,
                             type: "div",
@@ -1299,7 +1299,7 @@ export class Create extends React.Component { // eslint-disable-line react/prefe
                               required: true,
                               width: 16,
                               offSet: 4,
-                              errorMessage: "Please select link type",
+                              errorMessage: this.props.intl.formatMessage(messages.selectLinkType),
                               fluid: true,
                               style: {
                                 fontFamily: 'open-sans',
@@ -1332,12 +1332,12 @@ export class Create extends React.Component { // eslint-disable-line react/prefe
                             },
                             {
                               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: 19,
@@ -1393,7 +1393,7 @@ export class Create extends React.Component { // eslint-disable-line react/prefe
                           {
                             id: "cta-label",
                             metaType: "label",
-                            value: "Primary CTA",
+                            value: this.props.intl.formatMessage(messages.primaryCTA),
                             primitive: true,
                             dynamicTab: false,
                             type: "div",
@@ -1422,7 +1422,7 @@ export class Create extends React.Component { // eslint-disable-line react/prefe
                             value: "Deeplink",
                             required: true,
                             width: 18,
-                            errorMessage: "Please select link type",
+                            errorMessage: this.props.intl.formatMessage(messages.selectLinkType),
                             fluid: true,
                             styling: "semantic",
                             order: 1,
@@ -1458,13 +1458,13 @@ export class Create extends React.Component { // eslint-disable-line react/prefe
                           },
                           {
                             id: `cta-deeplink${this.state.currentTab > 1 ? this.state.currentTab : ''}-select`,
-                            placeholder: "Select DeepLink",
+                            placeholder: this.props.intl.formatMessage(messages.selectDeeplink),
                             type: "select",  //Resembles component to be used
                             options: deepLinkOptions,
                             metaType: "text",
                             datatype: "string",
                             required: true,
-                            errorMessage: "Select a deeplink",
+                            errorMessage: this.props.intl.formatMessage(messages.selectADeeplink),
                             fluid: true,
                             width: 19,
                             style: {
@@ -1520,7 +1520,7 @@ export class Create extends React.Component { // eslint-disable-line react/prefe
                             {
                               id: `${inputId}-space`,
                               metaType: "label",
-                              value: "Secondary CTA",
+                              value: this.props.intl.formatMessage(messages.secondaryCTA),
                               primitive: true,
                               dynamicTab: false,
                               type: "div",
@@ -1550,12 +1550,12 @@ export class Create extends React.Component { // eslint-disable-line react/prefe
                               required: true,
                               width: 18,
                               offset: 4,
-                              placeholder: "Enter CTA Label here",
+                              placeholder: this.props.intl.formatMessage(messages.enterCTALabel),
                               fluid: true,
                               styling: "semantic",
                               order: 1,
                               customComponent: false,
-                              errorMessage: "CTA label cannot be empty.",
+                              errorMessage: this.props.intl.formatMessage(messages.ctaLabelCantEmpty),
                             },
                             {
                               id: `${inputId}-delete`,
@@ -1603,7 +1603,7 @@ export class Create extends React.Component { // eslint-disable-line react/prefe
                               value: "Deeplink",
                               required: true,
                               width: 16,
-                              errorMessage: "Please select link type",
+                              errorMessage: this.props.intl.formatMessage(messages.selectLinkType),
                               fluid: true,
                               styling: "semantic",
                               order: 1,
@@ -1635,10 +1635,10 @@ export class Create extends React.Component { // eslint-disable-line react/prefe
                             },
                             {
                               id: `cta-deeplink-${inputId}-select`,
-                              placeholder: "Select DeepLink",
+                              placeholder: this.props.intl.formatMessage(messages.selectDeeplink),
                               type: "select",  //Resembles component to be used
                               options: deepLinkOptions,
-                              errorMessage: "Select a deeplink",
+                              errorMessage: this.props.intl.formatMessage(messages.selectADeeplink),
                               metaType: "text",
                               datatype: "string",
                               required: true,
@@ -1661,7 +1661,7 @@ export class Create extends React.Component { // eslint-disable-line react/prefe
                           ],
                         });
                         const colField = col;
-                        colField.value = "Add Another CTA";
+                        colField.value = this.props.intl.formatMessage(messages.addAnotherCTA);
                         colField.fieldsCount += 1;
                         if (col.fieldsCount === col.fieldsLimit) {
                           child.inputFields.pop();
@@ -1687,7 +1687,7 @@ export class Create extends React.Component { // eslint-disable-line react/prefe
       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.cantCopyEmptyField));
     }
   };
   copyAndroidContent = () => {
@@ -1697,7 +1697,7 @@ export class Create extends React.Component { // eslint-disable-line react/prefe
       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.cantCopyEmptyField));
     }
   };
   uploadImage = (data) => {
@@ -1706,8 +1706,8 @@ export class Create extends React.Component { // eslint-disable-line react/prefe
       this.props.globalActions.addMessageToQueue(message);
     } else {
       const name = data.file.name.split('.');
-      const blob = data.file.slice(0, -1, 'image');
-      const newFile = new File([blob], `${name[0]}${Date.now()}.${name[1]}`, {type: 'image'});
+      // const blob = data.file.slice(0, -1, 'image');
+      const newFile = new File([data.file], `${name[0]}${Date.now()}.${name[1]}`, {type: 'image'});
       this.props.actions.uploadAsset(newFile, data.type, data.fileParams);
     }
   };
@@ -1786,12 +1786,12 @@ export class Create extends React.Component { // eslint-disable-line react/prefe
                               datatype: "string",
                               required: true,
                               width: 14,
-                              placeholder: `Please input ${key.replace('_', " ")} here .`,
+                              placeholder: `${this.props.intl.formatMessage(messages.pleaseInput)} ${key.replace('_', " ")} ${this.props.intl.formatMessage(messages.here)}`,
                               fluid: true,
                               styling: "semantic",
                               order: 1,
                               customComponent: false,
-                              errorMessage: "value cannot be empty.",
+                              errorMessage: this.props.intl.formatMessage(messages.valueCantEmpty),
                             },
                           ],
                         };
@@ -1874,7 +1874,7 @@ export class Create extends React.Component { // eslint-disable-line react/prefe
                               {
                                 id: "add-sec-cta-ios",
                                 metaType: "label",
-                                value: "Add Secondary CTA",
+                                value: this.props.intl.formatMessage(messages.addSecondaryCTA),
                                 primitive: true,
                                 dynamicTab: false,
                                 type: "div",
@@ -1953,7 +1953,7 @@ export class Create extends React.Component { // eslint-disable-line react/prefe
                             {
                               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",
@@ -1997,7 +1997,7 @@ export class Create extends React.Component { // eslint-disable-line react/prefe
     if (id === "secondary-cta-0-delete") {
       const secCta2 = document.getElementById("secondary-cta-1-delete");
       if (secCta2) {
-        const modalContent = {title: "Alert", body: this.props.intl.formatMessage(messages["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;
       }
@@ -2043,7 +2043,7 @@ export class Create extends React.Component { // eslint-disable-line react/prefe
                               {
                                 id: "add-sec-cta-ios",
                                 metaType: "label",
-                                value: "Add Secondary CTA",
+                                value: this.props.intl.formatMessage(messages.addSecondaryCTA),
                                 primitive: true,
                                 dynamicTab: false,
                                 type: "div",
@@ -2076,7 +2076,7 @@ export class Create extends React.Component { // eslint-disable-line react/prefe
                                 {
                                   id: "add-sec-cta",
                                   metaType: "label",
-                                  value: "Add Secondary CTA",
+                                  value: this.props.intl.formatMessage(messages.addSecondaryCTA),
                                   primitive: true,
                                   dynamicTab: false,
                                   type: "div",
@@ -2115,7 +2115,7 @@ export class Create extends React.Component { // eslint-disable-line react/prefe
                                 {
                                   id: "add-sec-cta",
                                   metaType: "label",
-                                  value: "Add Another CTA",
+                                  value: this.props.intl.formatMessage(messages.addAnotherCTA),
                                   primitive: true,
                                   dynamicTab: false,
                                   type: "div",
@@ -2168,10 +2168,10 @@ export class Create extends React.Component { // eslint-disable-line react/prefe
     this.props.globalActions.fetchSchemaForEntity(query);
   };
   render() {
-    let tipText = this.props.Create.createTemplateInProgress ? "Saving Template..." : "";
+    let tipText = this.props.Create.createTemplateInProgress ? this.props.intl.formatMessage(messages.savingTemplate) : "";
     let loading = this.props.Create.createTemplateInProgress ? this.props.Create.createTemplateInProgress : false;
     if (this.props.Create.assetUploading) {
-      tipText = "Uploading Image...";
+      tipText = this.props.intl.formatMessage(messages.gettingTemplate);
       loading = true;
     }
     let tags = this.props.metaEntities && this.props.metaEntities.tags ? this.props.metaEntities.tags.standard : [];