@capillarytech/creatives-library 3.1.2 → 3.1.4

package/v2Containers/CreativesContainer/SlideBoxContent.js

@@ -67,7 +67,7 @@ function SlideBoxContent(props) {
       onWeChatMaptemplateStepChange,
     } = props;
   const type = messageDetails.type.toLowerCase(); // type is context in get tags values : outbound | dvs | referral | loyalty | coupons
-  const query = { type: !isFullMode && 'embedded', module: isFullMode ? 'default' : 'library'};
+  const query = { type: !isFullMode && 'embedded', module: isFullMode ? 'default' : 'library', isEditFromCampaigns: (templateData || {}).isEditFromCampaigns};
   const creativesLocationProps = {
     pathname: `/sms/edit`,
     query,

package/v2Containers/CreativesContainer/index.js

@@ -138,54 +138,73 @@ class Creatives extends React.Component {
     if (!isFullMode && templateData) { // for component mode
       const {channel} = templateData;
       let creativesTeplateData = {type: channel };
-      if (channel === constants.SMS) {
-        const formData = {
-          "sms-editor": templateData.messageBody,
-        };
-        creativesTeplateData = {
-          type: channel,
-          name: "Campaign message SMS content",
-          versions: {
+      switch (channel) {
+        case constants.SMS: {
+          const formData = {
+            "sms-editor": templateData.messageBody,
+          };
+          creativesTeplateData = {
+            type: channel,
+            name: "Campaign message SMS content",
+            versions: {
+              base: formData,
+              history: [formData],
+            },
+          };
+          break;
+        }
+        case constants.EMAIL: {
+          const formData = {
+            subject: templateData.emailSubject,
+            html_content: templateData.emailBody,
+            is_drag_drop: templateData.is_drag_drop,
+            lang_id: templateData.lang_id,
+            iso_code: templateData.iso_code,
+            language: templateData.language,
+            drag_drop_id: templateData.drag_drop_id,
+          };
+          creativesTeplateData = {
             base: formData,
-            history: [formData],
-          },
-        };
-      } else if (channel === constants.EMAIL) {
-        const formData = {
-          subject: templateData.emailSubject,
-          html_content: templateData.emailBody,
-          is_drag_drop: templateData.is_drag_drop,
-          lang_id: templateData.lang_id,
-          iso_code: templateData.iso_code,
-          language: templateData.language,
-          drag_drop_id: templateData.drag_drop_id,
-        };
-        creativesTeplateData = {
-          base: formData,
-          edit: true,
-          type: channel,
-        };
-      } else if (channel === constants.CALL_TASK) {
-        creativesTeplateData = {
-          subject: templateData.subject,
-          messageBody: templateData.messageBody,
-          description: templateData.description,
-          edit: true,
-          type: channel,
-        };
-      } else if (channel === constants.MOBILE_PUSH) {
-        const mode = get(templateData, 'androidContent.type') || get(templateData, 'iosContent.type');
-        creativesTeplateData = {
-          type: channel,
-          name: templateData.messageSubject,
-          versions: {
-            base: {
-              ANDROID: templateData.androidContent,
-              IOS: templateData.iosContent,
+            edit: true,
+            type: channel,
+          };
+          break;
+        }
+        case constants.CALL_TASK: {
+          creativesTeplateData = {
+            subject: templateData.subject,
+            messageBody: templateData.messageBody,
+            description: templateData.description,
+            edit: true,
+            type: channel,
+          };
+          break;
+        }
+        case constants.MOBILE_PUSH: {
+          const mode = get(templateData, 'androidContent.type') || get(templateData, 'iosContent.type');
+          creativesTeplateData = {
+            type: channel,
+            name: templateData.messageSubject,
+            versions: {
+              base: {
+                ANDROID: templateData.androidContent,
+                IOS: templateData.iosContent,
+              },
             },
-          },
-          definition: {accountId: templateData.accountId, mode: mode.toLowerCase()},
-        };
+            definition: {accountId: templateData.accountId, mode: mode.toLowerCase()},
+          };
+          break;
+        }
+        case constants.WECHAT: {
+          const messageBody = JSON.parse(templateData.messageBody);
+          creativesTeplateData = messageBody.data || {};
+          creativesTeplateData.type = channel;
+          creativesTeplateData._id = messageBody.template_id;
+          creativesTeplateData.isEditFromCampaigns = true;
+          break;
+        }
+        default:
+          break;
       }
       return creativesTeplateData;
     }

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": {

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,