@capillarytech/creatives-library 3.1.2 → 3.1.4

package/containers/Email/index.js

@@ -597,7 +597,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,
@@ -693,12 +693,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',
         },
       ];
@@ -790,12 +790,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',
         },
       ];
@@ -1309,7 +1309,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);
@@ -1440,26 +1440,26 @@ 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.deleteVersionConfirm),
         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}><FormattedMessage {...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}><FormattedMessage {...messages.useEditor} /></CapButton></div>
+          <div><CapButton type="secondary" style={{width: "100%", marginBottom: "8px"}} onClick={this.copyPrimaryLanguage}><FormattedMessage {...messages.copyPrimaryLanguage} /></CapButton></div>
         </div>);
       modalContent = {
         title: "New Language",
@@ -1533,7 +1533,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.deleteVersionConfirm), type: 'confirm', id: 'email-language-delete-modal'},
       showModal: false,
       page: 1,
       perPageLimit: 25,
@@ -1660,7 +1660,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));
       console.log('Invalid file type added! Please Give a proper zip/html file');
     }
   };
@@ -2146,7 +2146,7 @@ export class Email extends React.Component { // eslint-disable-line react/prefer
 
   addVersion = (data) => {
     if (this.state.schema.containers.length === 5) {
-      alert('You cant have more that 5 versions');
+      alert(this.props.intl.formatMessage(messages.moreThanFiveVersionNotAllowed));
       return;
     }
     console.log('adding version', data, this.state.formData);
@@ -2195,7 +2195,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);
@@ -2401,8 +2401,8 @@ export class Email 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.goBackConfirmation),
       type: 'confirm',
       id: 'template-back-confirm-modal',
       show: true,
@@ -3149,9 +3149,9 @@ export class Email extends React.Component { // eslint-disable-line react/prefer
     return (
       <div className="email-container">
         <Helmet
-          title="Email"
+          title={this.props.intl.formatMessage(messages.Email)}
           meta={[
-            { name: 'description', content: 'Description of Email' },
+            { name: 'description', content: this.props.intl.formatMessage(messages.descriptionEmail) },
           ]}
         />
         {/* <PageHeader pageHeading={pageHeading} /> */}
@@ -3160,9 +3160,9 @@ export class Email extends React.Component { // eslint-disable-line react/prefer
             <Col span={24}>
               {this.props.location.query.type !== "embedded" &&
                 <Breadcrumb>
-                  <BreadcrumbItem>Campaigns</BreadcrumbItem>
-                  <BreadcrumbItem>Creatives</BreadcrumbItem>
-                  <BreadcrumbItem>Email</BreadcrumbItem>
+                  <BreadcrumbItem>{this.props.intl.formatMessage(messages.campaigns)}</BreadcrumbItem>
+                  <BreadcrumbItem>{this.props.intl.formatMessage(messages.creatives)}</BreadcrumbItem>
+                  <BreadcrumbItem>{this.props.intl.formatMessage(messages.Email)}</BreadcrumbItem>
                 </Breadcrumb>
                 }
             </Col>

package/containers/Email/messages.js

@@ -7,227 +7,275 @@ import { defineMessages } from 'react-intl';
 
 export default defineMessages({
   "createHeading": {
-    id: 'app.containers.Email.createHeading',
+    id: 'creatives.containers.Email.createHeading',
     defaultMessage: 'Create email template',
   },
   "editHeading": {
-    id: 'app.containers.Email.editHeading',
+    id: 'creatives.containers.Email.editHeading',
     defaultMessage: 'Edit email template',
   },
   "mostRecentOption": {
-    id: 'app.containers.Email.mostRecentOption',
+    id: 'creatives.containers.Email.mostRecentOption',
     defaultMessage: "Most recent",
   },
   "alphabeticallyOption": {
-    id: 'app.containers.Email.alphabeticallyOption',
+    id: 'creatives.containers.Email.alphabeticallyOption',
     defaultMessage: "Alphabetically",
   },
   "templateLoader": {
-    id: 'app.containers.Email.templateLoader',
+    id: 'creatives.containers.Email.templateLoader',
     defaultMessage: 'Loading template...',
   },
   "blankTemplate": {
-    id: 'app.containers.Email.blankTemplate',
+    id: 'creatives.containers.Email.blankTemplate',
     defaultMessage: "Blank template",
   },
   "searchText": {
-    id: 'app.containers.Email.searchText',
+    id: 'creatives.containers.Email.searchText',
     defaultMessage: "Search",
   },
   "sortBy": {
-    id: 'app.containers.Email.sortBy',
+    id: 'creatives.containers.Email.sortBy',
     defaultMessage: "Sort by",
   },
   "selectButton": {
-    id: 'app.containers.Email.selectButton',
+    id: 'creatives.containers.Email.selectButton',
     defaultMessage: "Select",
   },
   "previewButton": {
-    id: 'app.containers.Email.previewButton',
+    id: 'creatives.containers.Email.previewButton',
     defaultMessage: "Preview",
   },
   "editButton": {
-    id: 'app.containers.Email.editButton',
+    id: 'creatives.containers.Email.editButton',
     defaultMessage: "Edit",
   },
   "uploadedAt": {
-    id: 'app.containers.Email.uploadedAt',
+    id: 'creatives.containers.Email.uploadedAt',
     defaultMessage: 'Modified',
   },
   "uploadedBy": {
-    id: 'app.containers.Email.uploadedBy',
+    id: 'creatives.containers.Email.uploadedBy',
     defaultMessage: 'Uploaded by',
   },
   "select": {
-    id: 'app.containers.Email.select',
+    id: 'creatives.containers.Email.select',
     defaultMessage: 'Select',
   },
   "preview": {
-    id: 'app.containers.Email.preview',
+    id: 'creatives.containers.Email.preview',
     defaultMessage: 'Preview',
   },
   "delete": {
-    id: 'app.containers.Email.delete',
+    id: 'creatives.containers.Email.delete',
     defaultMessage: 'Delete',
   },
   "emailEditSuccess": {
-    id: 'app.containers.Email.emailEditSuccess',
+    id: 'creatives.containers.Email.emailEditSuccess',
     defaultMessage: "Email template edited successfully",
   },
   "emailCreateSuccess": {
-    id: 'app.containers.Email.emailCreateSuccess',
+    id: 'creatives.containers.Email.emailCreateSuccess',
     defaultMessage: "Email template created successfully",
   },
   "somethingWentWrong": {
-    id: 'app.containers.Email.somethingWentWrong',
+    id: 'creatives.containers.Email.somethingWentWrong',
     defaultMessage: "Something went wrong!!",
   },
   "yes": {
-    id: 'app.containers.Email.yes',
+    id: 'creatives.containers.Email.yes',
     defaultMessage: "Yes",
   },
   "cancel": {
-    id: 'app.containers.Email.cancel',
+    id: 'creatives.containers.Email.cancel',
     defaultMessage: "Cancel",
   },
   "edmSwtichMessage": {
-    id: 'app.containers.Email.edmSwtichMessage',
+    id: 'creatives.containers.Email.edmSwtichMessage',
     defaultMessage: "On choosing Edit as HTML, easy email design options such as drag-drop will be no longer available for this template.",
   },
   "edmSwitchAcceptText": {
-    id: 'app.containers.Email.edmSwitchAcceptText',
+    id: 'creatives.containers.Email.edmSwitchAcceptText',
     defaultMessage: "I understand that this cannot be reversed.",
   },
   "switchEditor": {
-    id: 'app.containers.Email.switchEditor',
+    id: 'creatives.containers.Email.switchEditor',
     defaultMessage: "Switch editor",
   },
   "mostRecent": {
-    id: 'app.containers.Email.mostRecent',
+    id: 'creatives.containers.Email.mostRecent',
     defaultMessage: 'Most recent',
   },
   "alphabetically": {
-    id: 'app.containers.Email.alphabetically',
+    id: 'creatives.containers.Email.alphabetically',
     defaultMessage: 'Alphabetically',
   },
   "sortby": {
-    id: 'app.containers.Email.sortby',
+    id: 'creatives.containers.Email.sortby',
     defaultMessage: 'Sort by',
   },
   "upload": {
-    id: 'app.containers.Email.upload',
+    id: 'creatives.containers.Email.upload',
     defaultMessage: 'Upload image',
   },
   "saveTemplateLoader": {
-    id: 'app.containers.Email.saveTemplateLoader',
+    id: 'creatives.containers.Email.saveTemplateLoader',
     defaultMessage: 'Saving template...',
   },
   "Enter Email Subject": {
-    id: 'app.containers.Email.emailSubject',
+    id: 'creatives.containers.Email.emailSubject',
     defaultMessage: 'Enter email subject',
   },
   "Subject": {
-    id: 'app.containers.Email.Subject',
+    id: 'creatives.containers.Email.Subject',
     defaultMessage: 'Subject',
   },
   "Email Subject cannot be empty.": {
-    id: 'app.containers.Email.emailSubjectNotEmplty',
+    id: 'creatives.containers.Email.emailSubjectNotEmplty',
     defaultMessage: 'Email subject cannot be empty.',
   },
   "Enter template name": {
-    id: 'app.containers.Email.templateNamePlaceholder',
+    id: 'creatives.containers.Email.templateNamePlaceholder',
     defaultMessage: 'Enter template name',
   },
   "Template name cannot be empty.": {
-    id: 'app.containers.Email.templateNameNotEmpty',
+    id: 'creatives.containers.Email.templateNameNotEmpty',
     defaultMessage: 'Please provide a template name ',
   },
   "Preview": {
-    id: 'app.containers.Email.Preview',
+    id: 'creatives.containers.Email.Preview',
     defaultMessage: 'Preview',
   },
   "Cancel": {
-    id: 'app.containers.Email.Cancel',
+    id: 'creatives.containers.Email.Cancel',
     defaultMessage: 'Cancel',
   },
   "Save": {
-    id: 'app.containers.Email.Save',
+    id: 'creatives.containers.Email.Save',
     defaultMessage: 'Save',
   },
   "Tags": {
-    id: 'app.containers.Email.Tags',
+    id: 'creatives.containers.Email.Tags',
     defaultMessage: 'Tags',
   },
   "Insert Image": {
-    id: 'app.containers.Email.insertImage',
+    id: 'creatives.containers.Email.insertImage',
     defaultMessage: 'Insert image',
   },
   "Mark as Final": {
-    id: 'app.containers.Email.markAsFinal',
+    id: 'creatives.containers.Email.markAsFinal',
     defaultMessage: 'Mark as final',
   },
   "Duplicate Version": {
-    id: 'app.containers.Email.dupicateVersion',
+    id: 'creatives.containers.Email.dupicateVersion',
     defaultMessage: 'Duplicate version',
   },
   "Delete Version": {
-    id: 'app.containers.Email.deleteVersion',
+    id: 'creatives.containers.Email.deleteVersion',
     defaultMessage: 'Delete version',
   },
   "Delete Language": {
-    id: 'app.containers.Email.deleteLanguage',
+    id: 'creatives.containers.Email.deleteLanguage',
     defaultMessage: 'Delete language',
   },
   "Switch Editor": {
-    id: 'app.containers.Email.switchEditor',
+    id: 'creatives.containers.Email.switchEditor',
     defaultMessage: 'Switch editor',
   },
-  "Do you really want to delete this language?": {
-    id: 'app.containers.Email.deleteLanguageConfirmation',
+  "deleteLanguageConfirmation": {
+    id: 'creatives.containers.Email.deleteLanguageConfirmation',
     defaultMessage: 'Do you really want to delete this language?',
   },
   "Template Marked as Final Successfully": {
-    id: 'app.containers.Email.templateMarkedFinalSuccess',
+    id: 'creatives.containers.Email.templateMarkedFinalSuccess',
     defaultMessage: 'Template marked as final successfully',
   },
-  "You cant have more that 5 versions": {
-    id: 'app.containers.Email.moreThanFiveVersionNotAllowed',
+  "moreThanFiveVersionNotAllowed": {
+    id: 'creatives.containers.Email.moreThanFiveVersionNotAllowed',
     defaultMessage: 'You cant have more that 5 versions',
   },
   "Email Preview": {
-    id: 'app.containers.Email.emailPreview',
+    id: 'creatives.containers.Email.emailPreview',
     defaultMessage: 'Email preview',
   },
   "Image Selection": {
-    id: 'app.containers.Email.imageSelection',
+    id: 'creatives.containers.Email.imageSelection',
     defaultMessage: 'Image selection',
   },
   "Campaigns": {
-    id: 'app.containers.Email.Campaigns',
+    id: 'creatives.containers.Email.Campaigns',
     defaultMessage: 'Campaigns',
   },
   "Creatives": {
-    id: 'app.containers.Email.Creatives',
+    id: 'creatives.containers.Email.Creatives',
     defaultMessage: 'Creatives',
   },
   "Email": {
-    id: 'app.containers.Email.emailText',
+    id: 'creatives.containers.Email.emailText',
     defaultMessage: 'Email',
   },
-  "Do you really want to delete this version?": {
-    id: 'app.containers.Email.deleteVersionConfirm',
+  "deleteVersionConfirm": {
+    id: 'creatives.containers.Email.deleteVersionConfirm',
     defaultMessage: 'Do you really want to delete this version?',
   },
   "uploadingImage": {
-    id: 'app.containers.Email.uploadingImage',
+    id: 'creatives.containers.Email.uploadingImage',
     defaultMessage: 'Uploading image...',
   },
   "uploadSizeError": {
-    id: 'app.containers.Email.uploadSizeError',
+    id: 'creatives.containers.Email.uploadSizeError',
     defaultMessage: 'File size too large to upload. Please upload file upto 5 MB',
   },
   "assetUploadFailed": {
-    id: 'app.containers.Email.assetUploadFailed',
+    id: 'creatives.containers.Email.assetUploadFailed',
     defaultMessage: 'Image uploaded failed',
   },
+  "goBackConfirmation": {
+    id: 'creatives.containers.Email.Create.goBackConfirmation',
+    defaultMessage: "Going back will discard all the changes you've made. Continue?",
+  },
+  "alertMessage": {
+    id: 'creatives.containers.Email.Create.alertMessage',
+    defaultMessage: "Alert",
+  },
+  "invalidFileMessage": {
+    id: 'creatives.containers.Email.Create.invalidFileMessage',
+    defaultMessage: "Invalid file type added! Please Give a proper zip/html file",
+  },
+  "versionMessage": {
+    id: 'creatives.containers.Email.Create.versionMessage',
+    defaultMessage: "Version",
+  },
+  "versionOneMessage": {
+    id: 'creatives.containers.Email.Create.versionOneMessage',
+    defaultMessage: "Version 1",
+  },
+  "newVersion": {
+    id: 'creatives.containers.Email.Create.newVersion',
+    defaultMessage: "New Version",
+  },
+  "uploadFile": {
+    id: 'creatives.containers.Email.Create.uploadFile',
+    defaultMessage: "Upload File",
+  },
+  "useEditor": {
+    id: 'creatives.containers.Email.Create.useEditor',
+    defaultMessage: "Use Editor",
+  },
+  "copyPrimaryLanguage": {
+    id: 'creatives.containers.Email.Create.copyPrimaryLanguage',
+    defaultMessage: "Copy Primary Language",
+  },
+  "descriptionEmail": {
+    id: 'creatives.containers.Email.Create.descriptionEmail',
+    defaultMessage: "Description of Email",
+  },
+  "campaigns": {
+    id: 'creatives.containers.Email.Create.campaigns',
+    defaultMessage: "Campaigns",
+  },
+  "creatives": {
+    id: 'creatives.containers.Email.Create.creatives',
+    defaultMessage: "Creatives",
+  },
 });

package/containers/Line/Create/index.js

@@ -72,7 +72,7 @@ export class Line extends Component {
       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: {},
       isEdit: false,
       isEdited: false,
@@ -610,8 +610,8 @@ export class Line extends Component {
   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,
@@ -717,8 +717,8 @@ export class Line extends Component {
     } else {
       data.fileParams.isGeneratePreview = true;
       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/jpeg'});
       this.props.actions.uploadAsset(newFile, data.type, data.fileParams);
     }
   };
@@ -728,10 +728,10 @@ export class Line extends Component {
       console.log("before render@@@", this.state.formData["0"].image);
     }
     console.log("render state", this.state);
-    let tipText = this.props.Line.createTemplateInProgress ? "Saving Template..." : "";
+    let tipText = this.props.Line.createTemplateInProgress ? this.props.intl.formatMessage(messages.savingTemplate) : "";
     let loading = this.props.Line.createTemplateInProgress ? this.props.Line.createTemplateInProgress : false;
     if (this.props.Line.assetUploading) {
-      tipText = "Uploading Image...";
+      tipText = this.props.intl.formatMessage(messages.uploadingImage);
       loading = true;
     }
     // if (!this.state.isReady) {