@capillarytech/creatives-library 3.0.15 → 3.0.17

package/package.json

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

package/v2Containers/CallTask/index.js

@@ -58,13 +58,15 @@ export class CallTask extends React.Component { // eslint-disable-line react/pre
   }
 
   getIllustrationProps=() => {
-    const { intl, showContentInSlidebox, onCreateNew } = this.props;
+    const { intl, showContentInSlidebox, onCreateNew, isFullMode } = this.props;
     const { formatMessage } = intl;
+    const templateIntlText = formatMessage(messages.template);
+    const templateText = isFullMode ? templateIntlText : '';
     return {
-      buttonLabel: formatMessage(messages.newCallTaskTemplate),
+      buttonLabel: formatMessage(messages.newCallTaskTemplate, { templateText }),
       onClick: showContentInSlidebox ? this.showNewCallTask : onCreateNew,
       illustrationImage: calltaskIllustration,
-      title: formatMessage(messages.callTaskTitleIllustartion),
+      title: formatMessage(messages.callTaskTitleIllustartion, { templateText }),
     };
   }
   render() {
@@ -129,6 +131,7 @@ CallTask.propTypes = {
   loadingMetaEntities: PropTypes.bool,
   showContentInSlidebox: PropTypes.bool,
   onCreateNew: PropTypes.func,
+  isFullMode: PropTypes.bool,
 };
 
 

package/v2Containers/CallTask/messages.js

@@ -20,10 +20,14 @@ export default defineMessages({
   },
   callTaskTitleIllustartion: {
     id: `app.containers.CallTask.callTaskTitleIllustartion`,
-    defaultMessage: 'Create a Call Task template',
+    defaultMessage: 'Create a Call Task {templateText}',
   },
   newCallTaskTemplate: {
     id: `app.containers.CallTask.newCallTaskTemplate`,
-    defaultMessage: 'New Call Task template',
+    defaultMessage: 'New Call Task {templateText}',
+  },
+  template: {
+    id: `app.containers.CallTask.template`,
+    defaultMessage: 'template',
   },
 });

package/v2Containers/Templates/index.js

@@ -1372,27 +1372,30 @@ export class Templates extends React.Component { // eslint-disable-line react/pr
     return isLoading;
   }
   getChannelTypeIllustrationInfo = (type) => {
+    const { isFullMode, intl } = this.props;
+    const templateIntlMsg = intl.formatMessage(messages.template);
+    const templateText = isFullMode ? templateIntlMsg : '';
     switch (type) {
       case 'SMS':
         return {
-          buttonLabel: <FormattedMessage {...messages.newSMSTemplate} />,
+          buttonLabel: <FormattedMessage {...messages.newSMSTemplate} values={{ template: templateText }} />,
           onClick: this.createTemplate,
           illustrationImage: smsIllustration,
-          title: <FormattedMessage {...messages.smsTitleIllustartion} />,
+          title: <FormattedMessage {...messages.smsTitleIllustartion} values={{ template: templateText }} />,
         };
       case 'EMAIL':
         return {
-          buttonLabel: <FormattedMessage {...messages.newEmailTemplate} />,
+          buttonLabel: <FormattedMessage {...messages.newEmailTemplate} values={{ template: templateText }} />,
           onClick: this.createTemplate,
           illustrationImage: emailIllustration,
-          title: <FormattedMessage {...messages.emailTitleIllustartion} />,
+          title: <FormattedMessage {...messages.emailTitleIllustartion} values={{ template: templateText }} />,
         };
       case 'MOBILEPUSH':
         return {
-          buttonLabel: <FormattedMessage {...messages.newNotificationTemplate} />,
+          buttonLabel: <FormattedMessage {...messages.newNotificationTemplate} values={{ template: templateText }} />,
           onClick: this.createTemplate,
           illustrationImage: pushIllustration,
-          title: <FormattedMessage {...messages.pushTitleIllustartion} />,
+          title: <FormattedMessage {...messages.pushTitleIllustartion} values={{ template: templateText }} />,
         };
       default:
         return {};

package/v2Containers/Templates/messages.js

@@ -280,27 +280,31 @@ export default defineMessages({
   },
   "newSMSTemplate": {
     id: `${scope}.newSMSTemplate`,
-    defaultMessage: 'New SMS template',
+    defaultMessage: 'New SMS {template}',
   },
   "newEmailTemplate": {
     id: `${scope}.newEmailTemplate`,
-    defaultMessage: 'New email template',
+    defaultMessage: 'New email {template}',
   },
   "newNotificationTemplate": {
     id: `${scope}.newNotificationTemplate`,
-    defaultMessage: 'New notification template',
+    defaultMessage: 'New notification {template}',
   },
   "pushTitleIllustartion": {
     id: `${scope}.pushTitleIllustartion`,
-    defaultMessage: 'Create a mobile push notification template',
+    defaultMessage: 'Create a mobile push notification {template}',
   },
   "emailTitleIllustartion": {
     id: `${scope}.emailTitleIllustartion`,
-    defaultMessage: 'Create an email template',
+    defaultMessage: 'Create an email {template}',
   },
   "smsTitleIllustartion": {
     id: `${scope}.smsTitleIllustartion`,
-    defaultMessage: 'Create an SMS template',
+    defaultMessage: 'Create an SMS {template}',
+  },
+  "template": {
+    id: `${scope}.template`,
+    defaultMessage: 'template',
   },
 
 });

package/v2Containers/TemplatesV2/index.js

@@ -111,7 +111,13 @@ export class TemplatesV2 extends React.Component { // eslint-disable-line react/
     </div>);
   }
   getGalleryComponent = (location) => <Gallery location={location} isFullMode={this.props.isFullMode}/>
-  getCallTaskComponent = () => <CallTask onCreateNew={this.props.createNew} onCallTaskSubmit={this.props.onCallTaskSubmit}/>
+  getCallTaskComponent = () => (
+    <CallTask
+      onCreateNew={this.props.createNew}
+      onCallTaskSubmit={this.props.onCallTaskSubmit}
+      isFullMode={this.props.isFullMode}
+    />
+  );
 
   getTemplatesComponent(channel) {
     // const templates = this.props.Templates[`${channel}Templates`];