@capillarytech/creatives-library 8.0.87-alpha.0 → 8.0.87-alpha.10

package/initialState.js

@@ -50,4 +50,5 @@ export default {
   facebook: {
 
   },
+  metaTagsStatus: '',
 };

package/package.json

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

package/services/api.js

@@ -569,4 +569,10 @@ export const getLiquidTags = (content) => {
   return request(url, getAPICallObject("POST", { content }, false, true));
 };
 
+export const createCentralCommsMetaId = (payload) => {
+  console.log("createCentralCommsMetaId: API call: ", { payload });
+  const url = `${API_ENDPOINT}/common/createCentralCommsMetaId/TRANSACTION`;
+  return request(url, getAPICallObject('POST', payload));
+};
+
 export {request, getAPICallObject};

package/utils/transformerUtils.js

@@ -0,0 +1,194 @@
+/**
+ * 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 { channel, loyaltyMetaData = {} } = options;
+
+  const {
+    actionId,
+    actionName,
+    ouId,
+    clientName,
+    module,
+    metaId,
+    setMetaId = () => {},
+    transformedMessageDetails = {}
+  } = loyaltyMetaData;
+
+  const { smsDeliverySettings } = transformedMessageDetails;
+
+  return {
+    ouId: ouId || -1,
+    sourceEntityId: actionId,
+    channel: "SMS",
+    module,
+    smsMessageContent: {
+      channel: "SMS",
+      message: smsData.messageBody || ""
+    },
+    smsDeliverySettings: smsDeliverySettings || {},
+    executionParams: {},
+    clientName: clientName || "EMF"
+  };
+};
+
+/**
+ * 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 { loyaltyMetaData = {} } = options;
+
+  const {
+    actionId,
+    actionName,
+    ouId,
+    clientName,
+    module,
+    metaId,
+    setMetaId = () => {},
+    transformedMessageDetails = {}
+  } = loyaltyMetaData;
+
+  const { emailDeliverySettings = {} } = transformedMessageDetails;
+
+  return {
+    ouId: ouId || -1,
+    sourceEntityId: actionId,
+    channel: "EMAIL",
+    module,
+    emailMessageContent: {
+      channel: "EMAIL",
+      messageBody: emailData.emailBody || "",
+      messageSubject: emailData.emailSubject || ""
+    },
+    emailDeliverySettings: emailDeliverySettings || {},
+    executionParams: {},
+    clientName: clientName || "EMF"
+  };
+};
+
+/**
+ * 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 { loyaltyMetaData = {} } = options;
+
+  const {
+    actionId,
+    actionName,
+    ouId,
+    clientName,
+    module,
+    metaId,
+    setMetaId = () => {},
+    transformedMessageDetails = {}
+  } = loyaltyMetaData;
+
+  const { mpushDeliverySettings = {} } = transformedMessageDetails;
+
+  // Set default values for androidContent if not provided
+  const androidContent = mpushData.androidContent || {};
+
+  // Set default values for iosContent if needed
+  const iosContent = mpushData.iosContent || {
+    type: androidContent.type || "TEXT",
+    deviceType: "IOS",
+    title: mpushData.messageSubject || "",
+    message: ""
+  };
+
+  return {
+    channel: "PUSH",
+    ouId: ouId || -1,
+    sourceEntityId: actionId,
+    clientName: clientName || "VENENO",
+    module,
+    mpushMessageContent: {
+      channel: "PUSH",
+      messageSubject: mpushData.messageSubject || "",
+      androidContent: {
+        type: androidContent.type || "TEXT",
+        deviceType: "ANDROID",
+        title: androidContent.title || "",
+        message: androidContent.message || "",
+        cta: {
+          type: "EXTERNAL_URL",
+          actionText: null,
+          templateCtaId: null,
+          actionLink: androidContent.cta?.actionLink || ""
+        },
+        expandableDetails: {
+          style: androidContent.expandableDetails?.style || "BIG_TEXT",
+          message: androidContent.expandableDetails?.message || "",
+          ctas: androidContent.expandableDetails?.ctas || [],
+          image: androidContent.expandableDetails?.image || "",
+          categoryId: androidContent.expandableDetails?.categoryId || ""
+        },
+        customProperties: androidContent.custom || {}
+      },
+      iosContent: {
+        type: iosContent.type || "TEXT",
+        deviceType: "IOS",
+        title: iosContent.title || "",
+        message: iosContent.message || "",
+        cta: {
+          type: "EXTERNAL_URL",
+          actionText: null,
+          templateCtaId: null,
+          actionLink: iosContent.cta?.actionLink || ""
+        },
+        expandableDetails: {
+          style: iosContent.expandableDetails?.style || "BIG_TEXT",
+          message: iosContent.expandableDetails?.message || "",
+          ctas: iosContent.expandableDetails?.ctas || [],
+          image: iosContent.expandableDetails?.image || "",
+          categoryId: iosContent.expandableDetails?.categoryId || ""
+        },
+        customProperties: iosContent.custom || {}
+      },
+      accountId: mpushData.accountId || 0
+    },
+    mpushDeliverySettings: mpushDeliverySettings || {
+      additionalSettings: {
+        useTinyUrl: false,
+        encryptUrl: false,
+        linkTrackingEnabled: false,
+        userSubscriptionDisabled: false
+      },
+      channelSettings: {
+        channel: "PUSH",
+        domainGatewayMapId: options.domainGatewayMapId || 1
+      }
+    }
+  };
+};
+
+/**
+ * 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 "MOBILEPUSH":
+      return transformMpushPayload(data, options);
+    case "EMAIL":
+      return transformEmailPayload(data, options);
+    default:
+      return data; // Return unchanged for unsupported channels
+  }
+};

package/v2Components/FormBuilder/index.js

@@ -44,7 +44,7 @@ import EDMEditor from "../Edmeditor";
 import BeeEditor from '../../v2Containers/BeeEditor';
 import CustomPopOver from '../CustomPopOver';
 import messages from './messages';
-import { makeSelectMetaEntities, selectCurrentOrgDetails, selectLiquidStateDetails } from "../../v2Containers/Cap/selectors";
+import { makeSelectMetaEntities, selectCurrentOrgDetails, selectLiquidStateDetails, selectMetaTagsStatus } from "../../v2Containers/Cap/selectors";
 import * as actions from "../../v2Containers/Cap/actions";
 import './_formBuilder.scss';
 import {updateCharCount, checkUnicode} from "../../utils/smsCharCountV2";
@@ -59,6 +59,7 @@ import { CUSTOMER_BARCODE_TAG , COPY_OF, ENTRY_TRIGGER_TAG_REGEX} from '../../co
 import { hasLiquidSupportFeature, isEmailUnsubscribeTagMandatory } from '../../utils/common';
 import { isUrl } from '../../v2Containers/Line/Container/Wrapper/utils';
 import { bindActionCreators } from 'redux';
+import { transformFormDataToAPIPayload } from './utils';
 
 const TabPane = Tabs.TabPane;
 const {Column} = Table;
@@ -1064,6 +1065,7 @@ class FormBuilder extends React.Component { // eslint-disable-line react/prefer-
   };
   handleLiquidTemplateSubmit =(templateContent) => {
     if(templateContent){this.setState((prevState) => {
+      console.log('**** handleLiquidTemplateSubmit: ', { prevState, templateContent });
       return {
         formData: {
           ...prevState?.formData,
@@ -1082,6 +1084,7 @@ class FormBuilder extends React.Component { // eslint-disable-line react/prefer-
       }
     });}
   }
+  
   saveForm(saveForm) {
     if (this.props.isNewVersionFlow && !saveForm) {
       this.props.getValidationData();
@@ -3793,7 +3796,7 @@ class FormBuilder extends React.Component { // eslint-disable-line react/prefer-
 
 
     return (
-      <CapSpin spinning={Boolean(this.liquidFlow && this.props.liquidExtractionInProgress)} tip={this.props.intl.formatMessage(messages.liquidSpinText)} >
+      <CapSpin spinning={Boolean((this.liquidFlow && this.props.liquidExtractionInProgress) || this.props.metaIdStatus === 'REQUEST')} tip={this.props.intl.formatMessage(messages.liquidSpinText)} >
       <CapRow>
         {this.props.schema && this.renderForm()}
         <SlideBox
@@ -3827,6 +3830,7 @@ FormBuilder.defaultProps = {
   isNewVersionFlow: false,
   userLocale: localStorage.getItem('jlocale') || 'en',
   showLiquidErrorInFooter: () => {},
+  metaIdStatus: false,
 };
 
 FormBuilder.propTypes = {
@@ -3875,11 +3879,13 @@ FormBuilder.propTypes = {
   currentOrgDetails: PropTypes.object,
   liquidExtractionInProgress: PropTypes.bool,
   showLiquidErrorInFooter: PropTypes.func,
+  loyaltyMetaData: PropTypes.object
 };
 
 const mapStateToProps = createStructuredSelector({
   currentOrgDetails: selectCurrentOrgDetails(),
   liquidExtractionInProgress: selectLiquidStateDetails(),
+  metaIdStatus: selectMetaTagsStatus(),
   metaEntities: makeSelectMetaEntities(),
 });
 

package/v2Components/FormBuilder/utils.js

@@ -0,0 +1,152 @@
+import {
+  SMS,
+  MOBILE_PUSH,
+  EMAIL
+} from "../../v2Containers/CreativesContainer/constants";
+
+/**
+ * Transform form data to API payload format
+ * @param {object} formData - The form data from the UI
+ * @param {string} channel - The communication channel (EMAIL, SMS, WECHAT, MOBILE_PUSH)
+ * @param {object} params - Additional parameters like sourceEntityId, ouId, etc.
+ * @returns {object} - The formatted API payload
+ */
+export const transformFormDataToAPIPayload = (
+  formData,
+  loyaltyMetaData = {}
+) => {
+  console.log("**** # transformDataToAPIPyaload: ", {
+    formData,
+    loyaltyMetaData
+  });
+  const {
+    actionId,
+    actionName,
+    ouId,
+    clientName,
+    module,
+    metaId,
+    setMetaId = () => {},
+    channel,
+    transformedMessageDetails
+  } = loyaltyMetaData;
+
+  const { emailDeliverySettings } = transformedMessageDetails;
+  const upperCaseChannel = channel.toUpperCase();
+
+  // Base response structure
+  const response = {
+    ouId: ouId || -1,
+    sourceEntityId: actionId,
+    channel: upperCaseChannel || this.props.schema.channel.toUpperCase(),
+    module,
+    executionParams: {},
+    clientName: clientName || "EMF"
+  };
+
+  switch (upperCaseChannel) {
+    case EMAIL: {
+      const subject = formData["template-subject"] || "";
+      const htmlContent = formData?.base?.en?.["template-content"] || "";
+
+      return {
+        ...response,
+        emailDeliverySettings: emailDeliverySettings || {},
+        emailMessageContent: {
+          channel: EMAIL,
+          messageBody: htmlContent,
+          messageSubject: subject
+        }
+      };
+    }
+
+    case SMS: {
+      // Extract SMS content from formData
+      const smsContent = formData["sms-editor"] || "";
+      const templateId = formData.template_id || "";
+      const templateName = formData.template_name || "";
+      const header = formData.header || "";
+      const varMapped = formData["var-mapped"] || {};
+
+      return {
+        ...response,
+        smsDeliverySettings: {
+          additionalSettings: {
+            skipRateLimit: false
+          },
+          channelSettings: {
+            channel: SMS,
+            senderId: header || ""
+          }
+        },
+        smsMessageContent: {
+          channel: SMS,
+          messageBody: smsContent,
+          templateId,
+          templateName,
+          varMapped
+        }
+      };
+    }
+
+    case MOBILE_PUSH: {
+      // Extract Mobile Push content
+      const androidContent = formData.ANDROID || {};
+      const iosContent = formData.IOS || {};
+
+      return {
+        ...response,
+        mobilePushDeliverySettings: {
+          additionalSettings: {
+            skipRateLimit: false
+          },
+          channelSettings: {
+            channel: MOBILE_PUSH
+          }
+        },
+        mobilePushMessageContent: {
+          channel: MOBILE_PUSH,
+          androidContent: {
+            title: androidContent.title || "",
+            body: androidContent.message || "",
+            type: androidContent.type || "TEXT",
+            custom: androidContent.custom || {}
+          },
+          iosContent: {
+            title: iosContent.title || "",
+            body: iosContent.message || "",
+            type: iosContent.type || "TEXT",
+            custom: iosContent.custom || {}
+          }
+        }
+      };
+    }
+
+    // case WECHAT: {
+    //   // Extract WeChat content
+    //   const wechatContent = formData.content || {};
+
+    //   return {
+    //     ...response,
+    //     wechatDeliverySettings: {
+    //       additionalSettings: {
+    //         skipRateLimit: false
+    //       },
+    //       channelSettings: {
+    //         channel: WECHAT
+    //       }
+    //     },
+    //     wechatMessageContent: {
+    //       channel: WECHAT,
+    //       messageBody: wechatContent.body || "",
+    //       templateId: wechatContent.templateId || "",
+    //       templateName: wechatContent.templateName || "",
+    //       varMapped: wechatContent.varMapped || {}
+    //     }
+    //   };
+    // }
+
+    default:
+      return response;
+  }
+};

package/v2Containers/Cap/actions.js

@@ -85,3 +85,12 @@ export const getLiquidTags = (data,callback) => {
     callback,
   };
 };
+
+export const createCentralCommsMetaId = (data, callback) => {
+  console.log("createCentralCommsMetaId action", data, callback);
+  return {
+    type: types.CREATE_CENTRAL_COMMS_META_ID_REQUEST,
+    data,
+    callback,
+  };
+};

package/v2Containers/Cap/constants.js

@@ -63,3 +63,7 @@ export const DEFAULT_MODULE = 'creatives';
 export const GET_LIQUID_TAGS_FAILURE = 'cap/GET_LIQUID_TAGS_FAILURE_V2';
 export const GET_LIQUID_TAGS_REQUEST = 'cap/GET_LIQUID_TAGS_REQUEST_V2';
 export const GET_LIQUID_TAGS_SUCCESS = 'cap/GET_LIQUID_TAGS_SUCCESS_V2';
+
+export const CREATE_CENTRAL_COMMS_META_ID_FAILURE = 'cap/CREATE_CENTRAL_COMMS_META_ID_FAILURE_V2';
+export const CREATE_CENTRAL_COMMS_META_ID_REQUEST = 'cap/CREATE_CENTRAL_COMMS_META_ID_REQUEST_V2';
+export const CREATE_CENTRAL_COMMS_META_ID_SUCCESS = 'cap/CREATE_CENTRAL_COMMS_META_ID_SUCCESS_V2';

package/v2Containers/Cap/reducer.js

@@ -199,6 +199,12 @@ function capReducer(state = fromJS(initialState.cap), action) {
       return state
         .set('demoVideoAndLinkJSONStatus', types.FAILURE)
         .set('demoVideoAndLinkJSONError', action?.error);
+    case types.CREATE_CENTRAL_COMMS_META_ID_REQUEST:
+      return state.set('metaTagsStatus', types.REQUEST);
+    case types.CREATE_CENTRAL_COMMS_META_ID_SUCCESS:
+      return state.set('metaTagsStatus', types.SUCCESS);
+    case types.CREATE_CENTRAL_COMMS_META_ID_FAILURE:
+      return state.set('metaTagsStatus', types.FAILURE);
     default:
       return state;
   }

package/v2Containers/Cap/sagas.js

@@ -186,6 +186,24 @@ const getTopbarData = (parentModule) => {
   }
 };
 
+export function* createCentralCommsMetaId(action) {
+  try {
+    console.log("createCentralCommsMetaId saga", action);
+    const result = yield call(Api.createCentralCommsMetaId, action?.data);
+    console.log("createCentralCommsMetaId saga result", result);
+    if (result) {
+      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 });
+    }
+  } catch (error) {
+    yield put({ type: types.CREATE_CENTRAL_COMMS_META_ID_FAILURE, error });
+  }
+}
+
 function* getTopbarMenuData(params) {
   const {parentModule} = params;
   try {
@@ -225,6 +243,10 @@ export function* watchLiquidEntity() {
   yield takeLatest(types.GET_LIQUID_TAGS_REQUEST, getLiquidTags);
 }
 
+export function* watchMetaId() {
+  yield takeLatest(types.CREATE_CENTRAL_COMMS_META_ID_REQUEST, createCentralCommsMetaId);
+}
+
 function* watchForOrgChange() {
   yield takeLatest(types.SWITCH_ORG_REQUEST, switchOrg);
 }
@@ -257,6 +279,7 @@ export default [
   watchGetTopbarMenuData,
   watchForGetVideosConfig,
   watchLiquidEntity,
+  watchMetaId,
 ];
 
 
@@ -268,6 +291,7 @@ export function* capSagaForFetchSchemaForEntity() {
 export function* capSagaLiquidEntity() {
   yield all([
     watchLiquidEntity(),
+    watchMetaId(),
   ]);
 };
 
@@ -279,5 +303,6 @@ export function* v2CapSagas() {
     watchForFetchUserInfo(),
     watchGetTopbarMenuData(),
     watchForGetVideosConfig(),
+    watchMetaId(),
   ]);
 }

package/v2Containers/Cap/selectors.js

@@ -72,6 +72,11 @@ const selectLiquidStateDetails = () => createSelector(
   (globalState) => globalState.get('fetchingLiquidTags')
 );
 
+const selectMetaTagsStatus = () => createSelector(
+  selectCapDomain,
+  (globalState) => globalState.get('metaTagsStatus')
+);
+
 const makeSelectFetchingSchema = () => createSelector(
   selectCapDomain,
   (globalState) => globalState.get('fetchingSchema')
@@ -113,4 +118,5 @@ export {
   makeSelectFetchingSchemaError,
   makeSelectDemoVideoAndLink,
   selectLiquidStateDetails,
+  selectMetaTagsStatus,
 };

package/v2Containers/CreativesContainer/SlideBoxContent.js

@@ -158,6 +158,7 @@ export function SlideBoxContent(props) {
       hostName = '',
       eventContextTags,
       isLoyaltyModule,
+      loyaltyMetaData = {},
     } = props;
   const type = (messageDetails.type || '').toLowerCase(); // type is context in get tags values : outbound | dvs | referral | loyalty | coupons
   const query = { type: !isFullMode && 'embedded', module: isFullMode ? 'default' : 'library', isEditFromCampaigns: (templateData || {}).isEditFromCampaigns};
@@ -514,6 +515,8 @@ export function SlideBoxContent(props) {
           onCreateComplete={onCreateComplete}
           smsRegister={smsRegister}
           eventContextTags={eventContextTags}
+          loyaltyMetaData={loyaltyMetaData}
+          messageDetails={messageDetails}
         />
       )}
       {isEditFTP && (
@@ -582,6 +585,8 @@ export function SlideBoxContent(props) {
         smsRegister={smsRegister}
         onShowTemplates={onShowTemplates}
         eventContextTags={eventContextTags}
+        loyaltyMetaData={loyaltyMetaData}
+        messageDetails={messageDetails}
       />
         )}
 
@@ -615,6 +620,8 @@ export function SlideBoxContent(props) {
         showLiquidErrorInFooter={showLiquidErrorInFooter}
         eventContextTags={eventContextTags}
         isLoyaltyModule={isLoyaltyModule}
+        loyaltyMetaData={loyaltyMetaData}
+        messageDetails={messageDetails}
       />
         )}
       {(isEditEmailWithId || isEmailEditWithContent) && (
@@ -645,6 +652,8 @@ export function SlideBoxContent(props) {
         showLiquidErrorInFooter={showLiquidErrorInFooter}
         eventContextTags={eventContextTags}
         isLoyaltyModule={isLoyaltyModule}
+        loyaltyMetaData={loyaltyMetaData}
+        messageDetails={messageDetails}
       />
         )}
       {isEditMPush &&
@@ -671,6 +680,8 @@ export function SlideBoxContent(props) {
           hideTestAndPreviewBtn={hideTestAndPreviewBtn}
           creativesMode={creativesMode}
           eventContextTags={eventContextTags}
+          loyaltyMetaData={loyaltyMetaData}
+          messageDetails={messageDetails}
         />
         }
       {isCreateMPush &&
@@ -700,6 +711,8 @@ export function SlideBoxContent(props) {
           hideTestAndPreviewBtn={hideTestAndPreviewBtn}
           onTestContentClicked={onTestContentClicked}
           eventContextTags={eventContextTags}
+          loyaltyMetaData={loyaltyMetaData}
+          messageDetails={messageDetails}
         />
       }
       {