@capillarytech/creatives-library 7.10.59 → 7.10.60

package/v2Containers/Templates/messages.js

@@ -94,6 +94,10 @@ export default defineMessages({
     id: `${scope}.editButton`,
     defaultMessage: "Edit",
   },
+  "whatsappOverview": {
+    id: `${scope}.whatsappOverview`,
+    defaultMessage: "Overview",
+  },
   "duplicateButton": {
     id: `${scope}.duplicateButton`,
     defaultMessage: "Duplicate",
@@ -130,6 +134,10 @@ export default defineMessages({
     id: `${scope}.noAccountsPresentLine`,
     defaultMessage: "Line accounts are not setup for your brand",
   },
+  "noAccountsPresentWhatsapp": {
+    id: `${scope}.noAccountsPresentWhatsapp`,
+    defaultMessage: "Whatsapp accounts are not setup for your brand",
+  },
   "noTemplatesMessage": {
     id: `${scope}.noTemplatesMessage`,
     defaultMessage: "No templates available",
@@ -212,7 +220,11 @@ export default defineMessages({
   },
   "templateDeleteConfirm": {
     id: `${scope}.templateDeleteConfirm`,
-    defaultMessage: `Are you sure you want to delete this template?`,
+    defaultMessage: `Are you sure you wish to delete this template?`,
+  },
+  "areYouSureText": {
+    id: `${scope}.areYouSureText`,
+    defaultMessage: `Confirm delete template`,
   },
   "cancelText": {
     id: `${scope}.cancelText`,
@@ -220,7 +232,7 @@ export default defineMessages({
   },
   "yesText": {
     id: `${scope}.yesText`,
-    defaultMessage: `Yes`,
+    defaultMessage: `Yes, delete`,
   },
   "templateSelection": {
     id: `${scope}.templateSelection`,
@@ -262,6 +274,10 @@ export default defineMessages({
     id: `${scope}.createNewActionButton`,
     defaultMessage: `Create new`,
   },
+  "createNewTemplateLink": {
+    id: `${scope}.createNewTemplateLink`,
+    defaultMessage: `Create new template`,
+  },
   "creativeTemplates": {
     id: `${scope}.creativeTemplates`,
     defaultMessage: `Creative templates`,
@@ -306,6 +322,10 @@ export default defineMessages({
     id: `${scope}.newEmailTemplate`,
     defaultMessage: 'New email {template}',
   },
+  "newWhatsappTemplate": {
+    id: `${scope}.newWhatsappTemplate`,
+    defaultMessage: 'Add new Whatsapp {template}',
+  },
   "newNotificationTemplate": {
     id: `${scope}.newNotificationTemplate`,
     defaultMessage: 'New notification {template}',
@@ -318,6 +338,22 @@ export default defineMessages({
     id: `${scope}.emailTitleIllustartion`,
     defaultMessage: 'Create an email {template}',
   },
+  "whatsappTitleIllustration": {
+    id: `${scope}.whatsappTitleIllustration`,
+    defaultMessage: 'Add a new Whatsapp creative {template}',
+  },
+  "whatsappDescIllustration": {
+    id: `${scope}.whatsappDescIllustration`,
+    defaultMessage: 'These templates can be reused when creating a\nnew message content.',
+  },
+  "noFilteredWhatsappTemplatesTitle": {
+    id: `${scope}.noFilteredWhatsappTemplatesTitle`,
+    defaultMessage: 'Sorry, we couldn’t find any matches',
+  },
+  "noFilteredWhatsappTemplatesDesc": {
+    id: `${scope}.noFilteredWhatsappTemplatesDesc`,
+    defaultMessage: 'Please try searching with another term or apply different filter',
+  },
   "smsTitleIllustartion": {
     id: `${scope}.smsTitleIllustartion`,
     defaultMessage: 'Create an SMS {template}',
@@ -346,6 +382,10 @@ export default defineMessages({
     id: `${scope}.lineAccount`,
     defaultMessage: 'Line account',
   },
+  "whatsappAccount": {
+    id: `${scope}.whatsappAccount`,
+    defaultMessage: 'Whatsapp account',
+  },
   "all": {
     id: `${scope}.all`,
     defaultMessage: 'All',
@@ -390,4 +430,20 @@ export default defineMessages({
     id: `${scope}.uploadTemplate`,
     defaultMessage: 'Upload template',
   },
+  "clearAll": {
+    id: `${scope}.clearAll`,
+    defaultMessage: 'Clear all',
+  },
+  "whatsappMaxTemplates": {
+    id: `${scope}.whatsappMaxTemplates`,
+    defaultMessage: 'WhatsApp allows {maxCount} approved templates. To accommodate new approved templates either delete the existing one or reach out to Capillary POC to increase the limit.',
+  },
+  "status": {
+    id: `${scope}.status`,
+    defaultMessage: 'Status',
+  },
+  "category": {
+    id: `${scope}.category`,
+    defaultMessage: 'Category',
+  },
 });

package/v2Containers/Templates/reducer.js

@@ -82,9 +82,11 @@ function templatesReducer(state = initialState, action) {
       return state
         .set('selectedWeChatAccount', fromJS(action.weChatAccount));
     case types.SET_LINE_ACCOUNT:
-      return state.set('selectedLineAccount', fromJS(action.lineAccount));
+      return state.set('selectedLineAccount', fromJS(action.account));
     case types.SET_VIBER_ACCOUNT:
       return state.set('selectedViberAccount', fromJS(action.viberAccount));
+    case types.SET_WHATSAPP_ACCOUNT:
+      return state.set('selectedWhatsappAccount', fromJS(action.account));
     case types.SET_FACEBOOK_ACCOUNT:
       return state.set('selectedFacebookAccount', fromJS(action.faceBookAccount));
     case types.RESET_ACCOUNT:

package/v2Containers/TemplatesV2/index.js

@@ -23,6 +23,7 @@ import Templates from '../Templates';
 import CallTask from '../CallTask';
 import Facebook from '../Facebook';
 import Viber from '../Viber';
+import Whatsapp from '../Whatsapp';
 import Line from '../Line/Container';
 import FTP from '../FTP';
 import Gallery from '../Assets/Gallery';
@@ -30,6 +31,7 @@ import withStyles from '../../hoc/withStyles';
 import styles, { CapTabStyle } from './TemplatesV2.style';
 import { CREATIVES_UI_VIEW, LOYALTY} from '../App/constants';
 import AccessForbidden from '../../v2Components/AccessForbidden';
+import { getObjFromQueryParams } from '../../utils/v2common';
 
 const {CapCustomCardList} = CapCustomCard;
 
@@ -49,6 +51,7 @@ export class TemplatesV2 extends React.Component { // eslint-disable-line react/
       isFullMode,
       onChannelChange,
       showDisabledFBInfo,
+      enableNewChannels,
     } = props;
 
     const defaultPanes = {
@@ -60,6 +63,7 @@ export class TemplatesV2 extends React.Component { // eslint-disable-line react/
       line: {content: <></>, tab: intl.formatMessage(messages.line), key: 'line'},
       viber: {content: <></>, tab: intl.formatMessage(messages.viber), key: 'viber'},
       facebook: {content: <div></div>, tab: intl.formatMessage(messages.facebook), key: 'facebook'},
+      whatsapp: { content: <></>, tab: intl.formatMessage(messages.whatsapp), key: 'whatsapp' },
     };
     let filteredPanes = Object.keys(defaultPanes)
       .filter((key) => !channelsToHide.includes(key)).reduce((obj = [], key) => {
@@ -77,6 +81,9 @@ export class TemplatesV2 extends React.Component { // eslint-disable-line react/
         filteredPanes.push({content: <></>, tab: intl.formatMessage(messages.FTP), key: 'ftp'});
         defaultChannel = 'FTP';
       }
+      if (!enableNewChannels.includes('WHATSAPP')) {
+        filteredPanes.splice(7, 1);
+      }
     }
 
 
@@ -118,6 +125,16 @@ export class TemplatesV2 extends React.Component { // eslint-disable-line react/
       onChannelChange(defaultChannel);
     }
   }
+
+  componentDidMount() {
+    const queryItems = getObjFromQueryParams(location.search);
+
+    if(queryItems.channel === 'whatsapp') {
+      console.log("reached whatsapp content");
+      this.channelChange('whatsapp');
+    }
+  }
+
   componentWillReceiveProps(nextProps) {
     if (this.props.channel !== nextProps.channel) {
       const panes = this.setChannelContent(nextProps.channel, this.state.panes);

package/v2Containers/TemplatesV2/messages.js

@@ -54,6 +54,10 @@ export default defineMessages({
     id: 'creatives.containersV2.TemplatesV2.viber',
     defaultMessage: 'Viber',
   },
+  whatsapp: {
+    id: 'creatives.containersV2.TemplatesV2.whatsapp',
+    defaultMessage: 'WhatsApp',
+  },
   gallery: {
     id: 'creatives.containersV2.TemplatesV2.gallery',
     defaultMessage: 'Gallery',