@capillarytech/creatives-library 7.12.15 → 7.12.17

package/v2Containers/TemplatesV2/index.js

@@ -28,7 +28,7 @@ import FTP from '../FTP';
 import Gallery from '../Assets/Gallery';
 import withStyles from '../../hoc/withStyles';
 import styles, { CapTabStyle } from './TemplatesV2.style';
-import { CREATIVES_UI_VIEW, LOYALTY, WHATSAPP } from '../App/constants';
+import { CREATIVES_UI_VIEW, LOYALTY, WHATSAPP, RCS } from '../App/constants';
 import AccessForbidden from '../../v2Components/AccessForbidden';
 import { getObjFromQueryParams } from '../../utils/v2common';
 
@@ -54,6 +54,7 @@ export class TemplatesV2 extends React.Component { // eslint-disable-line react/
 
     const defaultPanes = {
       sms: {content: <></>, tab: intl.formatMessage(messages.sms), key: 'sms'},
+      rcs: { content: <></>, tab: intl.formatMessage(messages.rcs), key: RCS },
       email: {content: <></>, tab: intl.formatMessage(messages.email), key: 'email'},
       weChat: {content: <></>, tab: intl.formatMessage(messages.wechat), key: 'wechat'},
       //'wechat': {content: this.getTemplatesComponent('wechat'), tab: 'Wechat', key: 'wechat'},
@@ -79,9 +80,17 @@ 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.toUpperCase())) {
-        filteredPanes.splice(7, 1);
-      }
+      const commonChannels = ['sms', 'email', 'wechat', 'mobilepush', 'line', 'viber', 'facebook', 'call_task', 'ftp', 'assets'];
+
+      // we only show channels which other than commonChannels
+      // if it is coming in enableNewChannels array
+      filteredPanes.filter((item) => {
+        const channel = item.key;
+        if (!commonChannels.includes(channel)) {
+          return !enableNewChannels.includes(channel.toUpperCase());
+        }
+        return true;
+      });
     }
 
 

package/v2Containers/TemplatesV2/messages.js

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

package/v2Containers/Whatsapp/index.js

@@ -82,6 +82,7 @@ export const Whatsapp = (props) => {
     injectedTags,
     loadingTags,
     getFormData,
+    selectedOfferDetails,
   } = props || {};
   const { formatMessage } = intl;
   const { TextArea } = CapInput;
@@ -433,7 +434,9 @@ export const Whatsapp = (props) => {
     //regex to accept only lowercase alphanumeric characters and underscores
     const templateNameRegex = /^[a-z0-9_]+$/;
     if (value === '') {
-      errorMessage = formatMessage(messages.emptyTemplateNameErrorMessage);
+      errorMessage = formatMessage(
+        globalMessages.emptyTemplateNameErrorMessage,
+      );
     } else if (!templateNameRegex.test(value)) {
       errorMessage = formatMessage(messages.templateNameRegexErrorMessage);
     }
@@ -895,12 +898,13 @@ export const Whatsapp = (props) => {
           suffix={
             templateStatus === WHATSAPP_STATUSES.approved && (
               <TagList
-                label={formatMessage(messages.addLabels)}
+                label={formatMessage(globalMessages.addLabels)}
                 onTagSelect={onTagSelect}
                 location={location}
                 tags={tags || []}
                 onContextChange={handleOnTagsContextChange}
                 injectedTags={injectedTags || {}}
+                selectedOfferDetails={selectedOfferDetails}
               />
             )
           }

package/v2Containers/Whatsapp/messages.js

@@ -10,10 +10,6 @@ export default defineMessages({
     id: `${prefix}.templateNameTooltip`,
     defaultMessage: `Tip : Use a name that helps WhatsApp's reviewer understand the purpose of your message, for example "order_delivery" rather than "template_1"`,
   },
-  emptyTemplateNameErrorMessage: {
-    id: `${prefix}.emptyTemplateNameErrorMessage`,
-    defaultMessage: 'Template name cannot be empty',
-  },
   templateNameRegexErrorMessage: {
     id: `${prefix}.templateNameRegexErrorMessage`,
     defaultMessage:
@@ -135,11 +131,6 @@ export default defineMessages({
     id: `${prefix}.unsubscribeTextTooltip`,
     defaultMessage: 'This is non-editable',
   },
-  unsupportedTagsValidationError: {
-    id: `${prefix}.unsupportedTagsValidationError`,
-    defaultMessage:
-      'Unsupported tags: {unsupportedTags}. Please remove them from this message.',
-  },
   repetativeVars: {
     id: `${prefix}.repetativeVars`,
     defaultMessage: 'Variables cannot be repeated',
@@ -217,10 +208,6 @@ export default defineMessages({
     defaultMessage:
       'The template has been sent for approval at {date}, {time}. It takes up to 48 hrs to get approved.',
   },
-  addLabels: {
-    id: `${prefix}.addLabels`,
-    defaultMessage: 'Add labels',
-  },
   inputplaceHolderText: {
     id: `${prefix}.inputplaceHolderText`,
     defaultMessage: '{value} Add labels or text or combination of both',