@capillarytech/creatives-library 2.0.95 → 2.0.97

package/containers/WeChat/MapTemplates/messages.js

@@ -6,7 +6,7 @@
 import { defineMessages } from 'react-intl';
 
 export default defineMessages({
-  header: {
+  "header": {
     id: 'app.containers.WeChat.header',
     defaultMessage: 'WeChat',
   },
@@ -28,11 +28,11 @@ export default defineMessages({
   },
   'Account Id': {
     id: 'app.containers.WeChat.accountId',
-    defaultMessage: 'Account Id',
+    defaultMessage: 'Account id',
   },
   'Select Wechat Account': {
     id: 'app.containers.WeChat.selectWechatAccount',
-    defaultMessage: 'Select Wechat Account',
+    defaultMessage: 'Select wechat account',
   },
   'Template': {
     id: 'app.containers.WeChat.template',
@@ -40,7 +40,7 @@ export default defineMessages({
   },
   'Select Wechat Template': {
     id: 'app.containers.WeChat.selectWechatTemplate',
-    defaultMessage: 'Select Wechat Template',
+    defaultMessage: 'Select wechat template',
   },
   'Link': {
     id: 'app.containers.WeChat.link',
@@ -56,7 +56,7 @@ export default defineMessages({
   },
   "gettingTemplateData": {
     id: 'app.containers.WeChat.gettingTemplateData',
-    defaultMessage: "Getting Template Data..",
+    defaultMessage: "Getting template data..",
   },
   "wechatEditSuccess": {
     id: 'app.containers.WeChat.wechatEditSuccess',
@@ -68,6 +68,6 @@ export default defineMessages({
   },
   "somethingWentWrong": {
     id: 'app.containers.WeChat.somethingWentWrong',
-    defaultMessage: "Something Went Wrong!!",
+    defaultMessage: "Something went wrong!!",
   },
 });

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

@@ -80,7 +80,7 @@ export default defineMessages({
   },
   "addNewRichmedia": {
     id: 'app.containers.Create.addNewRichmedia',
-    defaultMessage: 'Add Richmedia content',
+    defaultMessage: 'Add richmedia content',
   },
   'Title*': {
     id: 'app.containers.Create.Title*',

package/package.json

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

package/v2Components/CapTagList/index.js

@@ -212,7 +212,7 @@ class CapTagList extends React.Component { // eslint-disable-line react/prefer-s
           ]}
         >
           <p>{this.props.intl.formatMessage(messages.numberOfDaysBeforeExpiry)}</p>
-          <CapInput onChange={this.handleDynamicDateChange} value={this.state.dynamicDateValue}></CapInput>
+          <CapInput onChange={this.handleDynamicDateChange} value={this.state.dynamicDateValue} size="default"></CapInput>
         </CapModal>
       </div>
     );

package/v2Components/CapTagList/messages.js

@@ -6,20 +6,20 @@
 import { defineMessages } from 'react-intl';
 
 export default defineMessages({
-  Ok: {
+  "Ok": {
     id: 'app.components.CapTagList.Ok',
     defaultMessage: 'Ok',
   },
-  numberOfDaysBeforeExpiry: {
+  "numberOfDaysBeforeExpiry": {
     id: 'app.components.CapTagList.numberOfDaysBeforeExpiry',
     defaultMessage: 'Number of days before expiry',
   },
-  Cancel: {
+  "Cancel": {
     id: 'app.components.CapTagList.Cancel',
     defaultMessage: 'Cancel',
   },
   "Dynamic Days before Expiry": {
     id: 'app.components.CapTagList.dynamic_days_before_expiry',
-    defaultMessage: 'Dynamic Days before Expiry',
+    defaultMessage: 'Dynamic days before expiry',
   },
 });

package/v2Components/EmailPreview/messages.js

@@ -8,10 +8,10 @@ import { defineMessages } from 'react-intl';
 export default defineMessages({
   lastModified: {
     id: 'app.components.EmailPreview.lastModified',
-    defaultMessage: 'Last Modified On',
+    defaultMessage: 'Last modified on',
   },
   uploadedBy: {
     id: 'app.components.EmailPreview.uploadedBy',
-    defaultMessage: 'Last Modified By',
+    defaultMessage: 'Last modified by',
   },
 });

package/v2Components/EmailPreviewV2/messages.js

@@ -32,10 +32,10 @@ export default defineMessages({
   },
   lastModified: {
     id: 'app.components.PreviewSideBar.lastModified',
-    defaultMessage: 'Last Modified On',
+    defaultMessage: 'Last modified on',
   },
   uploadedBy: {
     id: 'app.components.PreviewSideBar.uploadedBy',
-    defaultMessage: 'Last Modified By',
+    defaultMessage: 'Last modified by',
   },
 });

package/v2Components/FormBuilder/index.js

@@ -2245,6 +2245,7 @@ class FormBuilder extends React.Component { // eslint-disable-line react/prefer-
                   defaultValue={isVersionEnable ? this.state.formData[`${this.state.currentTab - 1}`][val.id] : this.state.formData[val.id]}
                   value={value || ""}
                   disabled={val.disabled}
+                  size="default"
                 />
               </CapColumn>
             );
@@ -2609,6 +2610,7 @@ class FormBuilder extends React.Component { // eslint-disable-line react/prefer-
                     value={value || ""}
                     defaultValue={isVersionEnable ? this.state.formData[`${this.state.currentTab - 1}`][val.id] : this.state.formData[val.id]}
                     disabled={val.disabled}
+                    size="default"
                   />
                 </CapColumn>
               );

package/v2Components/ImagePreview/index.js

@@ -7,9 +7,8 @@
 import PropTypes from 'prop-types';
 
 import React from 'react';
-import { injectIntl, intlShape } from 'react-intl';
+import { injectIntl } from 'react-intl';
 import { Spin } from 'antd';
-import messages from './messages';
 import './_imagePreview.scss';
 
 class ImagePreview extends React.Component { // eslint-disable-line react/prefer-stateless-function
@@ -27,7 +26,7 @@ class ImagePreview extends React.Component { // eslint-disable-line react/prefer
           </div>
 
           <div id="image-preview-content">
-            <Spin tip={this.props.intl.formatMessage(messages.loadingImage)} spinning={this.props.isLoading}>
+            <Spin spinning={this.props.isLoading}>
               {this.props.content}
             </Spin>
           </div>
@@ -46,7 +45,6 @@ ImagePreview.propTypes = {
   show: PropTypes.bool,
   handleClose: PropTypes.func.isRequired,
   isLoading: PropTypes.bool,
-  intl: intlShape.isRequired,
 };
 
 export default injectIntl(ImagePreview);

package/v2Components/ImagePreview/messages.js

@@ -8,6 +8,6 @@ import { defineMessages } from 'react-intl';
 export default defineMessages({
   loadingImage: {
     id: 'app.components.ImagePreview.loadingImage',
-    defaultMessage: 'Loading Images !!!!',
+    defaultMessage: 'Loading images !!!!',
   },
 });

package/v2Components/NewCallTask/index.js

@@ -98,6 +98,7 @@ class NewCallTask extends React.Component { // eslint-disable-line react/prefer-
                   onChange={this.updateSubject}
                   value={subject}
                   isRequired
+                  size="default"
                 />
               </div>
               <div style={{ position: 'relative', marginBottom: '34px' }}>

package/v2Components/Pagination/index.js

@@ -10,25 +10,17 @@ import React from 'react';
 import './_pagination.scss';
 class Pagination extends React.Component { // eslint-disable-line react/prefer-stateless-function
 
-  componentDidMount() {
-    if (document.getElementsByClassName('pagination-container').length > 0) {
-      document.getElementsByClassName('pagination-container')[0].addEventListener('scroll', this.handleScroll);
-    }
-  }
+
   handleScroll = (e) => {
     const offset = 50;
     if ((e.target.scrollHeight - e.target.scrollTop) - offset <= e.target.clientHeight) {
       this.props.onPageChange();
     }
   };
-  componentDidUnMount() {
-    if ( document.getElementsByClassName(this.props.paginationContainer).length > 0) {
-      document.getElementsByClassName(this.props.paginationContainer)[0].removeEventListener('scroll', this.handleScroll);
-    }
-  }
+
   render() {
     return (
-      <div style={this.props.style ? this.props.style : {}}>
+      <div style={this.props.style ? this.props.style : {}} onScroll={this.handleScroll}>
         {this.props.children}
       </div>
     );
@@ -39,7 +31,6 @@ Pagination.propTypes = {
   children: PropTypes.element,
   onPageChange: PropTypes.func,
   style: PropTypes.object,
-  paginationContainer: PropTypes.string,
 };
 
 Pagination.defaultProps = {

package/v2Components/PreviewSideBar/messages.js

@@ -12,11 +12,11 @@ export default defineMessages({
   },
   lastModified: {
     id: 'app.components.PreviewSideBar.lastModified',
-    defaultMessage: 'Last Modified On',
+    defaultMessage: 'Last modified on',
   },
   uploadedBy: {
     id: 'app.components.PreviewSideBar.uploadedBy',
-    defaultMessage: 'Last Modified By',
+    defaultMessage: 'Last modified by',
   },
   edit: {
     id: 'app.components.PreviewSideBar.edit',

package/v2Components/TemplatePreview/index.js

@@ -105,13 +105,13 @@ class TemplatePreview extends React.Component { // eslint-disable-line react/pre
                         {content.bodyText}
                       </div>
                       {content.bodyImage && <div className="body-image">
-                        <img src={content.bodyImage} alt={content.bodyText} />
+                        <img src={content.bodyImage} alt="" />
                       </div>}
-                      {content.actions.filter((action) => action.label).length &&
+                      {content.actions.filter((action) => action.label).length ?
                         <div className="actions">
                           {_.map(content.actions, (action) => !!action.label &&
                             <span className="action" key={`action-${action.label}`}>{action.label && action.label.toUpperCase()}</span>)}
-                        </div>
+                        </div> : ''
                       }
                     </div>
                     :
@@ -120,7 +120,7 @@ class TemplatePreview extends React.Component { // eslint-disable-line react/pre
                         <span className="app-icon"></span>{content.appName ? content.appName : "App name"} <i className="material-icons">close</i>
                       </div>
                       {content.bodyImage && <div className="body-image">
-                        <img src={content.bodyImage} alt={content.bodyText}/>
+                        <img src={content.bodyImage} alt=""/>
                       </div>}
                       <div className="title">
                         {content.header}
@@ -128,7 +128,7 @@ class TemplatePreview extends React.Component { // eslint-disable-line react/pre
                       <div className="body-text">
                         {content.bodyText}
                       </div>
-                      {content.actions.filter((action) => action.label).length && iosActions}
+                      {content.actions.filter((action) => action.label).length ? iosActions : ''}
                     </div>
                   }
                 </div>

package/v2Components/TemplatePreview/messages.js

@@ -16,7 +16,7 @@ export default defineMessages({
   },
   charactersPerSms: {
     id: 'app.components.TemplatePreview.charactersPerSms',
-    defaultMessage: "SMS Chars",
+    defaultMessage: "SMS chars",
   },
   charactersTotal: {
     id: 'app.components.TemplatePreview.charactersTotal',
@@ -28,10 +28,10 @@ export default defineMessages({
   },
   lastModified: {
     id: 'app.components.PreviewSideBar.lastModified',
-    defaultMessage: 'Last Modified On',
+    defaultMessage: 'Last modified on',
   },
   uploadedBy: {
     id: 'app.components.PreviewSideBar.uploadedBy',
-    defaultMessage: 'Last Modified By',
+    defaultMessage: 'Last modified by',
   },
 });

package/v2Components/TopBar/messages.js

@@ -20,7 +20,7 @@ export default defineMessages({
   },
   dropdownMessage: {
     id: 'reon.components.TopBar.brand.dropdown',
-    defaultMessage: 'Select Brand',
+    defaultMessage: 'Select brand',
   },
   hi: {
     id: 'app.components.TopBar.brand.dropdown',
@@ -28,10 +28,10 @@ export default defineMessages({
   },
   selectOrganization: {
     id: 'app.components.TopBar.brand.selectOrganization',
-    defaultMessage: 'Select Organization',
+    defaultMessage: 'Select organization',
   },
   selectProduct: {
     id: 'app.components.TopBar.brand.selectProduct',
-    defaultMessage: 'Select Product',
+    defaultMessage: 'Select product',
   },
 });

package/v2Containers/Assets/Gallery/messages.js

@@ -12,19 +12,19 @@ export default defineMessages({
   },
   uploadedOn: {
     id: 'app.containers.Assets.Gallery.uploadedOn',
-    defaultMessage: 'Uploaded On ',
+    defaultMessage: 'Uploaded on ',
   },
   uploadedBy: {
     id: 'app.containers.Assets.Gallery.uploadedBy',
-    defaultMessage: 'Uploaded By ',
+    defaultMessage: 'Uploaded by ',
   },
   upload: {
     id: 'app.containers.Assets.Gallery.upload',
-    defaultMessage: 'Upload Image',
+    defaultMessage: 'Upload image',
   },
   imagePreview: {
     id: 'app.containers.Assets.Gallery.imagePreview',
-    defaultMessage: 'Image Preview',
+    defaultMessage: 'Image preview',
   },
   size: {
     id: 'app.containers.Assets.Gallery.size',
@@ -40,11 +40,11 @@ export default defineMessages({
   },
   backToGallery: {
     id: 'app.containers.Assets.Gallery.backToGallery',
-    defaultMessage: 'Back to Image Gallery',
+    defaultMessage: 'Back to image gallery',
   },
   mostRecent: {
     id: 'app.containers.Assets.Gallery.mostRecent',
-    defaultMessage: 'Most Recent',
+    defaultMessage: 'Most recent',
   },
   alphabetically: {
     id: 'app.containers.Assets.Gallery.alphabetically',
@@ -72,7 +72,7 @@ export default defineMessages({
   },
   assetUploadSuccess: {
     id: 'app.containers.Assets.Gallery.assetUploadSuccess',
-    defaultMessage: 'Image Uploaded Successfully',
+    defaultMessage: 'Image uploaded successfully',
   },
   assetUploadFailed: {
     id: 'app.containers.Assets.Gallery.assetUploadFailed',

package/v2Containers/CallTask/messages.js

@@ -8,11 +8,11 @@ import { defineMessages } from 'react-intl';
 export default defineMessages({
   addNewCallTask: {
     id: 'app.containers.CallTask.addNewCallTask',
-    defaultMessage: 'Add New Call Task',
+    defaultMessage: 'Add new call task',
   },
   newMessage: {
     id: 'app.containers.CallTask.newMessage',
-    defaultMessage: 'New Message',
+    defaultMessage: 'New message',
   },
   callTaskInfo: {
     id: 'app.containers.CallTask.callTaskInfo',

package/v2Containers/CreativesContainer/index.js

@@ -45,7 +45,7 @@ class Creatives extends React.Component {
       showSlideBox: true,
       slidBoxContent: this.getSlideBocContent({mode: props.creativesMode, templateData: props.templateData, isFullMode: props.isFullMode}),
       templateData: this.getTemplateData(props.templateData),
-      templateNameExists: false,
+      templateNameExists: props.creativesMode === 'edit', // if edit mode templateNameExists will be true, and false in create flow.
       currentChannel: this.props.channel || 'sms',
     };
     this.creativesTemplateSteps = {

package/v2Containers/CreativesContainer/messages.js

@@ -28,19 +28,19 @@ export default defineMessages({
   },
   "uploadedBy": {
     id: `${scope}.uploadedBy`,
-    defaultMessage: `Uploaded By`,
+    defaultMessage: `Uploaded by`,
   },
   "mapTemplate": {
     id: `${scope}.mapTemplate`,
-    defaultMessage: `Map Template`,
+    defaultMessage: `Map template`,
   },
   "weChatRichmediaTemplate": {
     id: `${scope}.weChatRichmediaTemplate`,
-    defaultMessage: 'Richmedia Template',
+    defaultMessage: 'Richmedia template',
   },
   "somethingWentWrong": {
     id: `${scope}.somethingWentWrong`,
-    defaultMessage: `Something Went Wrong!!`,
+    defaultMessage: `Something went wrong!!`,
   },
   "wechatHeader": {
     id: `${scope}.wechatHeader`,
@@ -68,15 +68,15 @@ export default defineMessages({
   },
   "selectWechatHeader": {
     id: `${scope}.selectWechatHeader`,
-    defaultMessage: `Select WECHAT Template`,
+    defaultMessage: `Select WECHAT template`,
   },
   "selectSmsHeader": {
     id: `${scope}.selectSmsHeader`,
-    defaultMessage: `Select SMS Template`,
+    defaultMessage: `Select SMS template`,
   },
   "selectAccount": {
     id: `${scope}.selectAccount`,
-    defaultMessage: "Select Account",
+    defaultMessage: "Select account",
   },
   "gettingAllTemplates": {
     id: `${scope}.gettingAllTemplates`,
@@ -84,15 +84,15 @@ export default defineMessages({
   },
   "smsChannelTemplatesHeader": {
     id: `${scope}.smsChannelTemplatesHeader`,
-    defaultMessage: "SMS Templates",
+    defaultMessage: "SMS templates",
   },
   "wechatChannelTemplatesHeader": {
     id: `${scope}.wechatChannelTemplatesHeader`,
-    defaultMessage: "WECHAT Templates",
+    defaultMessage: "WECHAT templates",
   },
   "blankTemplate": {
     id: `${scope}.blankTemplate`,
-    defaultMessage: "Blank Template",
+    defaultMessage: "Blank template",
   },
   "selectButton": {
     id: `${scope}.selectButton`,
@@ -116,7 +116,7 @@ export default defineMessages({
   },
   "mostRecentOption": {
     id: `${scope}.mostRecentOption`,
-    defaultMessage: "Most Recent",
+    defaultMessage: "Most recent",
   },
   "alphabeticallyOption": {
     id: `${scope}.alphabeticallyOption`,
@@ -132,7 +132,7 @@ export default defineMessages({
   },
   "noTemplatesMessage": {
     id: `${scope}.noTemplatesMessage`,
-    defaultMessage: "No Templates Available",
+    defaultMessage: "No templates available",
   },
   "createSmsActionButton": {
     id: `${scope}.createSmsActionButton`,
@@ -140,7 +140,7 @@ export default defineMessages({
   },
   "createEmailActionButton": {
     id: `${scope}.createEmailActionButton`,
-    defaultMessage: "Create Email",
+    defaultMessage: "Create email",
   },
   "sortBy": {
     id: `${scope}.sortBy`,
@@ -152,31 +152,31 @@ export default defineMessages({
   },
   "templateDuplicateSuccess": {
     id: `${scope}.templateDuplicateSuccess`,
-    defaultMessage: "Template Duplicated Successfully",
+    defaultMessage: "Template duplicated successfully",
   },
   "templateDeleteSuccess": {
     id: `${scope}.templateDeleteSuccess`,
-    defaultMessage: "SMS Template Deleted Successfully",
+    defaultMessage: "SMS template deleted successfully",
   },
   "uploadFile": {
     id: `${scope}.uploadFile`,
-    defaultMessage: "Upload File",
+    defaultMessage: "Upload file",
   },
   "useEditor": {
     id: `${scope}.useEditor`,
-    defaultMessage: "Use Editor",
+    defaultMessage: "Use editor",
   },
   "newTemplate": {
     id: `${scope}.newTemplate`,
-    defaultMessage: "New Template",
+    defaultMessage: "New template",
   },
   "uploadingFile": {
     id: `${scope}.uploadingFile`,
-    defaultMessage: "Uploading File",
+    defaultMessage: "Uploading file",
   },
   "zipUploadFailed": {
     id: `${scope}.zipUploadFailed`,
-    defaultMessage: `Failed to Upload zip file`,
+    defaultMessage: `Failed to upload zip file`,
   },
   "campaigns": {
     id: `${scope}.campaigns`,
@@ -188,11 +188,11 @@ export default defineMessages({
   },
   "ebillPreview": {
     id: `${scope}.ebillPreview`,
-    defaultMessage: `Ebill Preview`,
+    defaultMessage: `Ebill preview`,
   },
   "emailPreview": {
     id: `${scope}.emailPreview`,
-    defaultMessage: `Email Preview`,
+    defaultMessage: `Email preview`,
   },
   "Template deleted successfully": {
     id: `${scope}.deletedSuccssfully`,
@@ -212,7 +212,7 @@ export default defineMessages({
   },
   "templateDeleteConfirm": {
     id: `${scope}.templateDeleteConfirm`,
-    defaultMessage: `Are you sure you want to delete this Template?`,
+    defaultMessage: `Are you sure you want to delete this template?`,
   },
   "cancelText": {
     id: `${scope}.cancelText`,
@@ -224,11 +224,11 @@ export default defineMessages({
   },
   "templateSelection": {
     id: `${scope}.templateSelection`,
-    defaultMessage: `Template Selection`,
+    defaultMessage: `Template selection`,
   },
   "layoutSelection": {
     id: `${scope}.layoutSelection`,
-    defaultMessage: `Select Layout`,
+    defaultMessage: `Select layout`,
   },
   "textTemplate": {
     id: `${scope}.textTemplate`,
@@ -256,7 +256,7 @@ export default defineMessages({
   },
   "editMessageContent": {
     id: `${scope}.editMessageContent`,
-    defaultMessage: `Edit message Content`,
+    defaultMessage: `Edit message content`,
   },
   "createMessageContent": {
     id: `${scope}.editMessageContent`,

package/v2Containers/Ebill/index.js

@@ -1158,7 +1158,6 @@ export class Ebill extends React.Component { // eslint-disable-line react/prefer
 
   render() {
     const previewHeader = (<h3>{this.props.intl.formatMessage(messages.ebillPreview)}</h3>);
-    const loaderText = this.props.intl.formatMessage(messages.loading);
     const spinning = false;
     const schema = this.state.schema;
     return (
@@ -1166,7 +1165,7 @@ export class Ebill extends React.Component { // eslint-disable-line react/prefer
         <Helmet
           title="Ebill"
         />
-        <Spin tip={loaderText} spinning={spinning}>
+        <Spin spinning={spinning}>
           {this.props.location.query.type !== 'embedded' && <Row>
             <Col span={24}>
               {this.props.location.query.type !== "embedded" &&

package/v2Containers/Ebill/messages.js

@@ -6,37 +6,37 @@
 import { defineMessages } from 'react-intl';
 
 export default defineMessages({
-  campaigns: {
+  "campaigns": {
     id: 'app.containers.Ebill.campaigns',
     defaultMessage: 'Campaigns',
   },
-  creatives: {
+  "creatives": {
     id: 'app.containers.Ebill.creatives',
     defaultMessage: 'Creatives',
   },
-  ebill: {
+  "ebill": {
     id: 'app.containers.Ebill.ebill',
     defaultMessage: 'Ebill',
   },
-  ebillPreview: {
+  "ebillPreview": {
     id: 'app.containers.Ebill.ebillPreview',
-    defaultMessage: 'Ebill Preview',
+    defaultMessage: 'Ebill preview',
   },
-  loading: {
+  "loading": {
     id: 'app.containers.Ebill.loading',
     defaultMessage: 'Loading..',
   },
-  ebillEditSuccess: {
+  "ebillEditSuccess": {
     id: 'app.containers.Ebill.ebillEditSuccess',
-    defaultMessage: "Ebill Template Edited Successfully",
+    defaultMessage: "Ebill template edited successfully",
   },
-  ebillCreateSuccess: {
+  "ebillCreateSuccess": {
     id: 'app.containers.Ebill.ebillCreateSuccess',
-    defaultMessage: "Ebill Template Created Successfully",
+    defaultMessage: "Ebill template created successfully",
   },
-  somethingWentWrong: {
+  "somethingWentWrong": {
     id: 'app.containers.Ebill.somethingWentWrong',
-    defaultMessage: "Something Went Wrong!!",
+    defaultMessage: "Something went wrong!!",
   },
   "Enter template name": {
     id: 'app.containers.Ebill.enterTemplateName',
@@ -68,6 +68,6 @@ export default defineMessages({
   },
   "New Version": {
     id: 'app.containers.Ebill.newVersionLabel',
-    defaultMessage: "New Version",
+    defaultMessage: "New version",
   },
 });