@capillarytech/creatives-library 8.0.87-alpha.17 → 8.0.87-alpha.19

package/package.json

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

package/services/api.js

@@ -118,7 +118,7 @@ function request(url, options, handleUnauthorizedStatus) {
     .catch((error) => error);
 }
 
-function getAPICallObject(method, body, isFileUpload = false, loadCampaignHeaders = false, orgUnitId = false) {
+function getAPICallObject(method, body, isFileUpload = false, loadCampaignHeaders = false, orgUnitId = false, allowOrgInProd = false) {
   const token = loadItem('token');
   const orgID = loadItem('orgID');
   const user = loadItem('user');
@@ -145,8 +145,8 @@ function getAPICallObject(method, body, isFileUpload = false, loadCampaignHeader
       headers['X-CAP-REMOTE-USER'] = user.refID;
     }
 
-    if (process.env.NODE_ENV !== 'production' && orgID !== undefined) {
-      headers['X-CAP-API-AUTH-ORG-ID'] = orgID;
+    if ((allowOrgInProd || process.env.NODE_ENV !== "production") && orgID !== undefined) {
+      headers["X-CAP-API-AUTH-ORG-ID"] = orgID;
     }
 
     if (process.env.NODE_ENV !== 'production' && token !== undefined) {
@@ -569,9 +569,9 @@ export const getLiquidTags = (content) => {
   return request(url, getAPICallObject("POST", { content }, false, true));
 };
 
-export const createCentralCommsMetaId = (payload) => {
-  const url = `${API_ENDPOINT}/common/central-comms/meta-id/TRANSACTION`;
-  return request(url, getAPICallObject('POST', payload));
+export const createCentralCommsMetaId = (payload, metaId = 'TRANSACTION') => {
+  const url = `${API_ENDPOINT}/common/central-comms/meta-id/${metaId}`;
+  return request(url, getAPICallObject('POST', payload, false, false, false, true));
 };
 
 export {request, getAPICallObject};

package/utils/transformerUtils.js

@@ -1,10 +1,45 @@
+// Import channel constants from the existing constants file
+import {
+  SMS,
+  EMAIL,
+  MOBILE_PUSH,
+  WHATSAPP,
+  PUSH,
+  ZALO
+} from "../v2Containers/CreativesContainer/constants";
+
+// Transforms the channel payload based on the channel type
+/**
+ * General transformer function that handles different channel types
+ * @param {Object} data - The input data
+ * @param {Object} options - Additional options for transformation
+ * @returns {Object} - Transformed payload based on channel type
+ */
+export const transformChannelPayload = (data, options = {}) => {
+  const channel = data.channel?.toUpperCase();
+
+  switch (channel) {
+    case SMS:
+      return transformSmsPayload(data, options);
+    case MOBILE_PUSH:
+      return transformMpushPayload(data, options);
+    case EMAIL:
+      return transformEmailPayload(data, options);
+    case WHATSAPP:
+      return transformWhatsappPayload(data, options);
+    case ZALO:
+      return transformZaloPayload(data, options);
+    default:
+      return data; // Return unchanged for unsupported channels
+  }
+};
 /**
  * Transforms SMS data to the required payload format
  * @param {Object} smsData - Current SMS data
  * @param {Object} options - Additional options (ouId, sourceEntityId, etc.)
  * @returns {Object} - Transformed SMS payload
  */
-export const transformSmsPayload = (smsData, options = {}) => {
+const transformSmsPayload = (smsData, options = {}) => {
   const { channel, loyaltyMetaData = {} } = options;
 
   const {
@@ -24,10 +59,10 @@ export const transformSmsPayload = (smsData, options = {}) => {
     centralCommsPayload: {
       ouId: ouId || -1,
       sourceEntityId: actionId,
-      channel: "SMS",
+      channel: SMS,
       module,
       smsMessageContent: {
-        channel: "SMS",
+        channel: SMS,
         message: smsData.messageBody || ""
       },
       smsDeliverySettings: smsDeliverySettings || {},
@@ -36,14 +71,13 @@ export const transformSmsPayload = (smsData, options = {}) => {
     }
   };
 };
-
 /**
  * Transforms Email data to the required payload format
  * @param {Object} emailData - Current email data
  * @param {Object} options - Additional options (ouId, sourceEntityId, etc.)
  * @returns {Object} - Transformed Email payload
  */
-export const transformEmailPayload = (emailData, options = {}) => {
+const transformEmailPayload = (emailData, options = {}) => {
   const { loyaltyMetaData = {} } = options;
 
   const {
@@ -63,10 +97,10 @@ export const transformEmailPayload = (emailData, options = {}) => {
     centralCommsPayload: {
       ouId: ouId || -1,
       sourceEntityId: actionId,
-      channel: "EMAIL",
+      channel: EMAIL,
       module,
       emailMessageContent: {
-        channel: "EMAIL",
+        channel: EMAIL,
         messageBody: emailData.emailBody || "",
         messageSubject: emailData.emailSubject || ""
       },
@@ -76,14 +110,13 @@ export const transformEmailPayload = (emailData, options = {}) => {
     }
   };
 };
-
 /**
  * Transforms Mobile Push data to the required payload format
  * @param {Object} mpushData - Current mobile push data
  * @param {Object} options - Additional options (ouId, sourceEntityId, etc.)
  * @returns {Object} - Transformed Mobile Push payload
  */
-export const transformMpushPayload = (mpushData, options = {}) => {
+const transformMpushPayload = (mpushData, options = {}) => {
   const { loyaltyMetaData = {} } = options;
 
   const {
@@ -112,13 +145,13 @@ export const transformMpushPayload = (mpushData, options = {}) => {
 
   return {
     centralCommsPayload: {
-      channel: "PUSH",
+      channel: PUSH,
       ouId: ouId || -1,
       sourceEntityId: actionId,
       clientName: clientName || "VENENO",
       module,
       mpushMessageContent: {
-        channel: "PUSH",
+        channel: PUSH,
         messageSubject: mpushData.messageSubject || "",
         androidContent: {
           type: androidContent.type || "TEXT",
@@ -162,29 +195,17 @@ export const transformMpushPayload = (mpushData, options = {}) => {
         },
         accountId: mpushData.accountId || 0
       },
-      mpushDeliverySettings: mobilePushDeliverySettings || {
-        additionalSettings: {
-          useTinyUrl: false,
-          encryptUrl: false,
-          linkTrackingEnabled: false,
-          userSubscriptionDisabled: false
-        },
-        channelSettings: {
-          channel: "PUSH",
-          domainGatewayMapId: options.domainGatewayMapId || 1
-        }
-      }
+      mpushDeliverySettings: mobilePushDeliverySettings || {}
     }
   };
 };
-
 /**
  * Transforms WhatsApp data to the required payload format
  * @param {Object} whatsappData - Current WhatsApp data
  * @param {Object} options - Additional options (ouId, sourceEntityId, etc.)
  * @returns {Object} - Transformed WhatsApp payload
  */
-export const transformWhatsappPayload = (whatsappData, options = {}) => {
+const transformWhatsappPayload = (whatsappData, options = {}) => {
   const { loyaltyMetaData = {} } = options;
 
   const {
@@ -207,51 +228,297 @@ export const transformWhatsappPayload = (whatsappData, options = {}) => {
     centralCommsPayload: {
       ouId: ouId || -1,
       sourceEntityId: actionId,
-      channel: "WHATSAPP",
+      channel: WHATSAPP,
       module,
       whatsappMessageContent: {
         messageBody: whatsappData.messageBody || "",
         accountId: whatsappData.accountId || 0,
         templateConfigs,
-        channel: "WHATSAPP"
+        channel: WHATSAPP
       },
-      whatsappDeliverySettings: whatsappDeliverySettings || {
-        additionalSettings: {
-          encryptUrl: false,
-          linkTrackingEnabled: false,
-          useTinyUrl: false
-        },
-        channelSettings: {
-          channel: "WHATSAPP",
-          senderMobNum: whatsappData.senderMobNum || "",
-          domainId: whatsappData.domainId || 0
-        }
+      whatsappDeliverySettings: whatsappDeliverySettings || {},
+      executionParams: {},
+      clientName: clientName || "VENENO"
+    }
+  };
+};
+/**
+ * Transforms Zalo data to the required payload format
+ * @param {Object} zaloData - Current Zalo data
+ * @param {Object} options - Additional options (ouId, sourceEntityId, etc.)
+ * @returns {Object} - Transformed Zalo payload
+ */
+const transformZaloPayload = (zaloData, options = {}) => {
+  const { loyaltyMetaData = {} } = options;
+
+  const {
+    actionId,
+    actionName,
+    ouId,
+    clientName,
+    module,
+    metaId,
+    setMetaId = () => {},
+    transformedMessageDetails = {}
+  } = loyaltyMetaData;
+
+  const { zaloDeliverySettings = {} } = transformedMessageDetails;
+
+  // Get template configurations or set defaults
+  const templateConfigs = zaloData.templateConfigs || {};
+
+  return {
+    centralCommsPayload: {
+      ouId: ouId || -1,
+      sourceEntityId: actionId,
+      channel: ZALO,
+      module,
+      zaloMessageContent: {
+        channel: ZALO,
+        messageBody: zaloData.messageBody || "",
+        accountId: zaloData.accountId || "",
+        accountName: zaloData.accountName || "",
+        templateConfigs,
+        token: zaloData.token || ""
       },
+      zaloDeliverySettings: zaloDeliverySettings || {},
       executionParams: {},
       clientName: clientName || "VENENO"
     }
   };
 };
 
+// Checks if the template has changed
+export const getTemplateDiffState = (channel, oldData, newData) => {
+  switch (channel.toUpperCase()) {
+    case SMS:
+      return checkSmsDiff(oldData, newData);
+    case EMAIL:
+      return checkEmailDiff(oldData, newData);
+    case MOBILE_PUSH:
+    case PUSH:
+      return checkPushDiff(oldData, newData);
+    case WHATSAPP:
+      return checkWhatsappDiff(oldData, newData);
+    case ZALO:
+      return checkZaloDiff(oldData, newData);
+    default:
+      return false;
+  }
+};
 /**
- * General transformer function that handles different channel types
- * @param {Object} data - The input data
- * @param {Object} options - Additional options for transformation
- * @returns {Object} - Transformed payload based on channel type
+ * Checks differences between old and new SMS data
+ * @param {Object} oldData - Previous SMS template data
+ * @param {Object} newData - Updated SMS template data
+ * @returns {Boolean} - Whether the template has changed
  */
-export const transformChannelPayload = (data, options = {}) => {
-  const channel = data.channel?.toUpperCase();
+const checkSmsDiff = (oldData, newData) => {
+  // Extract old message content
+  const oldMessage =
+    oldData?.transformedMessageDetails?.smsMessageContent?.message || "";
 
-  switch (channel) {
-    case "SMS":
-      return transformSmsPayload(data, options);
-    case "MOBILEPUSH":
-      return transformMpushPayload(data, options);
-    case "EMAIL":
-      return transformEmailPayload(data, options);
-    case "WHATSAPP":
-      return transformWhatsappPayload(data, options);
-    default:
-      return data; // Return unchanged for unsupported channels
+  // Extract new message content
+  const newMessage = newData?.messageBody || "";
+
+  // Compare message content
+  return oldMessage !== newMessage;
+};
+/**
+ * Checks differences between old and new Email data
+ * @param {Object} oldData - Previous Email template data
+ * @param {Object} newData - Updated Email template data
+ * @returns {Boolean} - Whether the template has changed
+ */
+const checkEmailDiff = (oldData, newData) => {
+  // Extract old email content
+  const oldEmailBody =
+    oldData?.transformedMessageDetails?.emailMessageContent?.messageBody || "";
+  const oldEmailSubject =
+    oldData?.transformedMessageDetails?.emailMessageContent?.messageSubject ||
+    "";
+
+  // Extract new email content
+  const newEmailBody = newData?.emailBody || "";
+  const newEmailSubject = newData?.emailSubject || "";
+
+  // Compare both subject and body
+  return oldEmailBody !== newEmailBody || oldEmailSubject !== newEmailSubject;
+};
+/**
+ * Checks differences between old and new Push data
+ * @param {Object} oldData - Previous Push template data
+ * @param {Object} newData - Updated Push template data
+ * @returns {Boolean} - Whether the template has changed
+ */
+const checkPushDiff = (oldData, newData) => {
+  // Extract old push content
+  const oldAndroidContent =
+    oldData?.transformedMessageDetails?.mpushMessageContent?.androidContent ||
+    {};
+  const oldIosContent =
+    oldData?.transformedMessageDetails?.mpushMessageContent?.iosContent || {};
+  const oldSubject =
+    oldData?.transformedMessageDetails?.mpushMessageContent?.messageSubject ||
+    "";
+
+  // Extract new push content
+  const newAndroidContent = newData?.androidContent || {};
+  const newIosContent = newData?.iosContent || {};
+  const newSubject = newData?.messageSubject || "";
+
+  // Compare subject
+  if (oldSubject !== newSubject) return true;
+
+  // Compare Android content
+  if (oldAndroidContent.title !== newAndroidContent.title) return true;
+  if (oldAndroidContent.message !== newAndroidContent.message) return true;
+  if (oldAndroidContent.cta?.actionLink !== newAndroidContent.cta?.actionLink)
+    return true;
+
+  // Compare iOS content
+  if (oldIosContent.title !== newIosContent.title) return true;
+  if (oldIosContent.message !== newIosContent.message) return true;
+  if (oldIosContent.cta?.actionLink !== newIosContent.cta?.actionLink)
+    return true;
+
+  return false;
+};
+/**
+ * Checks differences between old and new WhatsApp data
+ * @param {Object} oldData - Previous WhatsApp template data
+ * @param {Object} newData - Updated WhatsApp template data
+ * @returns {Boolean} - Whether the template has changed
+ */
+const checkWhatsappDiff = (oldData, newData) => {
+  // Extract old WhatsApp content
+  const oldMessage =
+    oldData?.transformedMessageDetails?.whatsappMessageContent?.messageBody ||
+    "";
+  const oldTemplateConfigs =
+    oldData?.transformedMessageDetails?.whatsappMessageContent
+      ?.templateConfigs || {};
+
+  // Extract new WhatsApp content
+  const newMessage = newData?.messageBody || "";
+  const newTemplateConfigs = newData?.templateConfigs || {};
+
+  // Compare message content
+  if (oldMessage !== newMessage) return true;
+
+  // If new data has template configs but old data doesn't, there is a change
+  if (
+    Object.keys(newTemplateConfigs).length > 0 &&
+    Object.keys(oldTemplateConfigs).length === 0
+  ) {
+    return true;
   }
+
+  // If both have template configs, perform detailed comparison
+  if (
+    Object.keys(newTemplateConfigs).length > 0 &&
+    Object.keys(oldTemplateConfigs).length > 0
+  ) {
+    // Compare template names and IDs
+    if (oldTemplateConfigs.id !== newTemplateConfigs.id) return true;
+    if (oldTemplateConfigs.name !== newTemplateConfigs.name) return true;
+    if (oldTemplateConfigs.template !== newTemplateConfigs.template)
+      return true;
+
+    // Compare template variables
+    if (
+      JSON.stringify(oldTemplateConfigs.varMapped) !==
+      JSON.stringify(newTemplateConfigs.varMapped)
+    )
+      return true;
+
+    // Compare media settings
+    if (
+      JSON.stringify(oldTemplateConfigs.whatsappMedia) !==
+      JSON.stringify(newTemplateConfigs.whatsappMedia)
+    )
+      return true;
+
+    // Compare other template properties
+    if (oldTemplateConfigs.category !== newTemplateConfigs.category)
+      return true;
+    if (oldTemplateConfigs.language !== newTemplateConfigs.language)
+      return true;
+    if (oldTemplateConfigs.buttonType !== newTemplateConfigs.buttonType)
+      return true;
+    if (
+      JSON.stringify(oldTemplateConfigs.buttons) !==
+      JSON.stringify(newTemplateConfigs.buttons)
+    )
+      return true;
+  }
+
+  // Check if account details have changed
+  if (
+    oldData?.transformedMessageDetails?.whatsappMessageContent?.accountId !==
+    newData?.accountId
+  )
+    return true;
+  if (
+    oldData?.transformedMessageDetails?.whatsappMessageContent
+      ?.sourceAccountIdentifier !== newData?.sourceAccountIdentifier
+  )
+    return true;
+
+  return false;
+};
+/**
+ * Checks differences between old and new Zalo data
+ * @param {Object} oldData - Previous Zalo template data
+ * @param {Object} newData - Updated Zalo template data
+ * @returns {Boolean} - Whether the template has changed
+ */
+const checkZaloDiff = (oldData, newData) => {
+  // Extract old Zalo content
+  const oldTemplateConfigs =
+    oldData?.transformedMessageDetails?.zaloMessageContent?.templateConfigs ||
+    {};
+  const oldAccountId =
+    oldData?.transformedMessageDetails?.zaloMessageContent?.accountId || "";
+  const oldToken =
+    oldData?.transformedMessageDetails?.zaloMessageContent?.token || "";
+
+  // Extract new Zalo content
+  const newTemplateConfigs = newData?.templateConfigs || {};
+  const newAccountId = newData?.accountId || "";
+  const newToken = newData?.token || "";
+
+  // Compare account ID
+  if (oldAccountId !== newAccountId) return true;
+
+  // Compare token
+  if (oldToken !== newToken) return true;
+
+  // If new data has template configs but old data doesn't, there is a change
+  if (
+    Object.keys(newTemplateConfigs).length > 0 &&
+    Object.keys(oldTemplateConfigs).length === 0
+  ) {
+    return true;
+  }
+
+  // If both have template configs, perform detailed comparison
+  if (
+    Object.keys(newTemplateConfigs).length > 0 &&
+    Object.keys(oldTemplateConfigs).length > 0
+  ) {
+    // Compare template IDs and names
+    if (oldTemplateConfigs.id !== newTemplateConfigs.id) return true;
+    if (oldTemplateConfigs.name !== newTemplateConfigs.name) return true;
+    if (oldTemplateConfigs.template !== newTemplateConfigs.template)
+      return true;
+
+    // Compare template variables
+    if (
+      JSON.stringify(oldTemplateConfigs.varMapped) !==
+      JSON.stringify(newTemplateConfigs.varMapped)
+    )
+      return true;
+  }
+
+  return false;
 };

package/v2Components/FormBuilder/index.js

@@ -3877,8 +3877,7 @@ FormBuilder.propTypes = {
   isFullMode: PropTypes.bool,
   currentOrgDetails: PropTypes.object,
   liquidExtractionInProgress: PropTypes.bool,
-  showLiquidErrorInFooter: PropTypes.func,
-  loyaltyMetaData: PropTypes.object
+  showLiquidErrorInFooter: PropTypes.func
 };
 
 const mapStateToProps = createStructuredSelector({

package/v2Containers/Cap/sagas.js

@@ -189,13 +189,13 @@ const getTopbarData = (parentModule) => {
 export function* createCentralCommsMetaId(action) {
   try {
     const result = yield call(Api.createCentralCommsMetaId, action?.data);
-    if (result) {
+    if (result?.status?.code === 200) {
       if (action?.callback) {
         yield call(action?.callback, result);
       }
       yield put({ type: types.CREATE_CENTRAL_COMMS_META_ID_SUCCESS, result });
     } else {
-      yield put({ type: types.CREATE_CENTRAL_COMMS_META_ID_FAILURE });
+      yield put({ type: types.CREATE_CENTRAL_COMMS_META_ID_FAILURE, error: result?.message });
     }
   } catch (error) {
     yield put({ type: types.CREATE_CENTRAL_COMMS_META_ID_FAILURE, error });

package/v2Containers/CreativesContainer/SlideBoxContent.js

@@ -517,7 +517,6 @@ export function SlideBoxContent(props) {
           onCreateComplete={onCreateComplete}
           smsRegister={smsRegister}
           eventContextTags={eventContextTags}
-          loyaltyMetaData={loyaltyMetaData}
           messageDetails={messageDetails}
         />
       )}
@@ -587,7 +586,6 @@ export function SlideBoxContent(props) {
         smsRegister={smsRegister}
         onShowTemplates={onShowTemplates}
         eventContextTags={eventContextTags}
-        loyaltyMetaData={loyaltyMetaData}
         messageDetails={messageDetails}
       />
         )}
@@ -622,7 +620,6 @@ export function SlideBoxContent(props) {
         showLiquidErrorInFooter={showLiquidErrorInFooter}
         eventContextTags={eventContextTags}
         isLoyaltyModule={isLoyaltyModule}
-        loyaltyMetaData={loyaltyMetaData}
         messageDetails={messageDetails}
       />
         )}
@@ -654,7 +651,6 @@ export function SlideBoxContent(props) {
         showLiquidErrorInFooter={showLiquidErrorInFooter}
         eventContextTags={eventContextTags}
         isLoyaltyModule={isLoyaltyModule}
-        loyaltyMetaData={loyaltyMetaData}
         messageDetails={messageDetails}
       />
         )}
@@ -682,7 +678,6 @@ export function SlideBoxContent(props) {
           hideTestAndPreviewBtn={hideTestAndPreviewBtn}
           creativesMode={creativesMode}
           eventContextTags={eventContextTags}
-          loyaltyMetaData={loyaltyMetaData}
           messageDetails={messageDetails}
         />
         }
@@ -713,7 +708,6 @@ export function SlideBoxContent(props) {
           hideTestAndPreviewBtn={hideTestAndPreviewBtn}
           onTestContentClicked={onTestContentClicked}
           eventContextTags={eventContextTags}
-          loyaltyMetaData={loyaltyMetaData}
           messageDetails={messageDetails}
         />
       }
@@ -949,6 +943,7 @@ SlideBoxContent.propTypes = {
   weChatTemplateType: PropTypes.string,
   onWechatTemplateChange: PropTypes.func,
   selectedWeChatAccount: PropTypes.object,
+  loyaltyMetaData: PropTypes.object,
   onWeChatMaptemplateStepChange: PropTypes.func,
   weChatMaptemplateStep: PropTypes.string,
   onFacebookSubmit: PropTypes.func,
@@ -965,6 +960,6 @@ SlideBoxContent.propTypes = {
   moduleType: PropTypes.string,
   showLiquidErrorInFooter: PropTypes.bool,
   creativesMode: PropTypes.string,
-  hostName: PropTypes.string,
+  hostName: PropTypes.string
 };
 export default SlideBoxContent;

package/v2Containers/CreativesContainer/constants.js

@@ -17,7 +17,7 @@ export const FTP = "FTP";
 export const NO_COMMUNICATION = "NO_COMMUNICATION";
 export const VIBER = "VIBER";
 export const WHATSAPP = "WHATSAPP";
-export const SMALL_CASE_WHATSAPP = "whatsapp";
+export const PUSH = "PUSH";
 export const RCS = "RCS";
 export const ZALO = "ZALO";
 export const INAPP = "INAPP";
@@ -25,6 +25,8 @@ export const PREVIEW = "preview";
 export const EDIT_TEMPLATE = "editTemplate";
 export const JOURNEY = "journey";
 
+export const LOYALTY_SUPPORTED_ACTION = "SEND_COMMUNICATION_ACTION";
+
 export const SHOW_CONTANER_LOADER = "app/CreativesContainer/SHOW_CONTANER_LOADER";
 export const HIDE_CONTAINER_LOADER = "app/CreativesContainer/HIDE_CONTAINER_LOADER";
 

package/v2Containers/CreativesContainer/index.js

@@ -59,7 +59,10 @@ import {
 } from '@capillarytech/cap-ui-library/styled/variables';
 import { DAEMON } from '@capillarytech/vulcan-react-sdk/utils/sagaInjectorTypes';
 
-import { transformChannelPayload } from "../../utils/transformerUtils";
+import {
+  transformChannelPayload,
+  // getTemplateDiffState
+} from "../../utils/transformerUtils";
 
 const classPrefix = 'add-creatives-section';
 const CREATIVES_CONTAINER = 'creativesContainer';
@@ -459,8 +462,8 @@ export class Creatives extends React.Component {
           };
           break;
         }
-        case constants.SMALL_CASE_WHATSAPP:
-        case constants.WHATSAPP: {
+        case constants.WHATSAPP:
+        case constants.WHATSAPP?.toLowerCase(): {
           const {
             messageBody = '',
             templateConfigs: {
@@ -1030,13 +1033,19 @@ export class Creatives extends React.Component {
   processCentralCommsMetaId = (channel, creativesData) => {
     // Create the payload for the centralcommnsmetaId API call
     const { isLoyaltyModule, loyaltyMetaData } = this.props;
-    const { actionName, setMetaId = () => {} } = this.props.loyaltyMetaData;
+    const { actionName, setMetaId = () => {} } = this.props.loyaltyMetaData || {};
     const { formatMessage } = this.props.intl;
 
+    // const isTemplateModified = getTemplateDiffState(
+    //   channel,
+    //   loyaltyMetaData,
+    //   creativesData
+    // );
     if (
       loyaltyMetaData
       && isLoyaltyModule
-      && actionName === "SEND_COMMUNICATION_ACTION"
+      // && isTemplateModified
+      && actionName === constants.LOYALTY_SUPPORTED_ACTION
     ) {
       const payload = transformChannelPayload(creativesData, {
         channel,
@@ -1045,7 +1054,7 @@ export class Creatives extends React.Component {
 
       // Callback function to handle API response
       const handleMetaIDResult = (result) => {
-        if (result.status.code === 200) {
+        if (result?.status?.code === 200) {
           setMetaId(result?.response?.data?.id);
           this.props.getCreativesData(creativesData);
         } else {

package/v2Containers/Email/index.js

@@ -2748,7 +2748,6 @@ export class Email extends React.Component { // eslint-disable-line react/prefer
                   forwardedTags={this.props?.forwardedTags}
                   isLoyaltyModule={this.props?.isLoyaltyModule}
                   messageDetails={this.props?.messageDetails}
-                  loyaltyMetaData={this.props?.loyaltyMetaData}
               /> : ''}
             </Col>
           </Row>

package/v2Containers/EmailWrapper/index.js

@@ -229,7 +229,6 @@ export class EmailWrapper extends React.Component { // eslint-disable-line react
       eventContextTags,
       // Flag to enable loyalty module specific features in the email editor
       isLoyaltyModule,
-      loyaltyMetaData = {},
       messageDetails = {},
     } = this.props;
     const {
@@ -305,7 +304,6 @@ export class EmailWrapper extends React.Component { // eslint-disable-line react
                 moduleType={moduleType}
                 eventContextTags={eventContextTags}
                 isLoyaltyModule={isLoyaltyModule}
-                loyaltyMetaData={loyaltyMetaData}
                 messageDetails={messageDetails}
               />}
               {!isShowEmailCreate && (

package/v2Containers/MobilePush/Create/index.js

@@ -1809,7 +1809,6 @@ export class Create extends React.Component { // eslint-disable-line react/prefe
                 hideTestAndPreviewBtn={this.props.hideTestAndPreviewBtn}
                 isFullMode={this.props.isFullMode}
                 eventContextTags={this.props?.eventContextTags}
-                loyaltyMetaData={this.props?.loyaltyMetaData}
                 messageDetails={this.props?.messageDetails}
               />
             </CapColumn>

package/v2Containers/MobilePush/Edit/index.js

@@ -1991,7 +1991,6 @@ export class Edit extends React.Component { // eslint-disable-line react/prefer-
                 hideTestAndPreviewBtn={this.props.hideTestAndPreviewBtn}
                 isFullMode={this.props.isFullMode}
                 eventContextTags={this.props?.eventContextTags}
-                loyaltyMetaData={this.props?.loyaltyMetaData}
                 messageDetails={this.props?.messageDetails}
               />}
             </CapColumn>

package/v2Containers/MobilepushWrapper/index.js

@@ -72,7 +72,7 @@ export class MobilepushWrapper extends React.Component { // eslint-disable-line
   }
 
   render() {
-    const {mobilePushCreateMode, step, getFormData, setIsLoadingContent, isGetFormData, query, isFullMode, showTemplateName, type, onValidationFail, onPreviewContentClicked, onTestContentClicked, templateData, eventContextTags = [], loyaltyMetaData = {}, messageDetails = {}} = this.props;
+    const {mobilePushCreateMode, step, getFormData, setIsLoadingContent, isGetFormData, query, isFullMode, showTemplateName, type, onValidationFail, onPreviewContentClicked, onTestContentClicked, templateData, eventContextTags = [], messageDetails = {}} = this.props;
     const {templateName} = this.state;
     const isShowMobilepushCreate = !isEmpty(mobilePushCreateMode);
     return (
@@ -120,7 +120,6 @@ export class MobilepushWrapper extends React.Component { // eslint-disable-line
               templateData={templateData}
               hideTestAndPreviewBtn={this.props.hideTestAndPreviewBtn}
               eventContextTags={eventContextTags}
-              loyaltyMetaData={loyaltyMetaData}
               messageDetails={messageDetails}
           />
 

package/v2Containers/Sms/Create/index.js

@@ -994,7 +994,6 @@ export class Create extends React.Component { // eslint-disable-line react/prefe
                 onTestContentClicked={this.props.onTestContentClicked}
                 onPreviewContentClicked={this.props.onPreviewContentClicked}
                 eventContextTags={this.props?.eventContextTags}
-                loyaltyMetaData={this.props?.loyaltyMetaData}
                 messageDetails={this.props?.messageDetails}
               />
             </CapColumn>

package/v2Containers/Sms/Edit/index.js

@@ -992,7 +992,6 @@ export class Edit extends React.Component { // eslint-disable-line react/prefer-
                 onPreviewContentClicked={this.props.onPreviewContentClicked}
                 onTestContentClicked={this.props.onTestContentClicked}
                 eventContextTags={this.props?.eventContextTags}
-                loyaltyMetaData={this.props?.loyaltyMetaData}
                 messageDetails={this.props?.messageDetails}
               />
             </CapColumn>

package/v2Containers/SmsWrapper/index.js

@@ -30,7 +30,6 @@ const SmsWrapper = (props) => {
     smsRegister,
     onShowTemplates,
     eventContextTags,
-    loyaltyMetaData = {},
     messageDetails = {},
   } = props;
 
@@ -48,7 +47,6 @@ const SmsWrapper = (props) => {
     onPreviewContentClicked,
     onTestContentClicked,
     eventContextTags,
-    loyaltyMetaData,
     messageDetails,
   };
   const isTraiDlt = isTraiDLTEnable(isFullMode, smsRegister);

package/v2Containers/TemplatesV2/index.js

@@ -102,7 +102,7 @@ export class TemplatesV2 extends React.Component { // eslint-disable-line react/
 
       const { actionName = ''} = loyaltyMetaData;
       if (isLoyaltyModule && actionName === 'SEND_COMMUNICATION_ACTION') {
-        commonChannels.push('whatsapp');
+        commonChannels.push('whatsapp', 'zalo');
       }
 
       // we only show channels which other than commonChannels