@capillarytech/creatives-library 7.12.32 → 7.12.33

package/v2Containers/Templates/index.js

@@ -97,7 +97,7 @@ import {
   STATUS as WHATSAPP_STATUS,
   WHATSAPP_STATUSES,
 } from '../Whatsapp/constants';
-import { getWhatsappContent, getWhatsappStatus, getWhatsappCategory } from '../Whatsapp/utils';
+import { getWhatsappContent, getWhatsappStatus, getWhatsappCategory, getWhatsappCta } from '../Whatsapp/utils';
 import { getRCSContent } from '../Rcs/utils';
 
 import { MOBILE_PUSH, WECHAT, SMS, EMAIL, EBILL, LINE, VIBER, FACEBOOK, WHATSAPP, RCS } from '../CreativesContainer/constants';
@@ -268,7 +268,7 @@ export class Templates extends React.Component { // eslint-disable-line react/pr
           channel = '';
       }
       this.setState({ channel, activeMode });
-      if (isEmpty(this.props.Templates.userList)) {
+      if (isEmpty(this.props.Templates?.userList)) {
         this.props.actions.getUserList();
       }
     }
@@ -1044,16 +1044,21 @@ export class Templates extends React.Component { // eslint-disable-line react/pr
           }
           break;
         }
-        case WHATSAPP:
+        case WHATSAPP: {
           templateData.title = (
             <CapRow className="whatsapp-card-title">
               <CapLabel>{template.name}</CapLabel>
               <WhatsappStatusContainer template={template} />
             </CapRow>
           );
-
-          templateData.content = getWhatsappContent(template).templateMsg;
+          templateData.content = (
+            <>
+              {getWhatsappContent(template).templateMsg}
+              {getWhatsappCta(template)}
+            </>
+          );
           break;
+        }
         case RCS: {
           templateData.title = template.name;
           templateData.content = getRCSContent(template);