@capillarytech/creatives-library 8.0.87-alpha.9 → 8.0.87

package/initialState.js

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

package/package.json

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

package/services/api.js

@@ -9,7 +9,7 @@ import config from '../config/app';
 import pathConfig from '../config/path';
 import getSchema from './getSchema';
 import * as API from '../utils/ApiCaller';
-import { addBaseToTemplate } from '../utils/commonUtils';
+import { addBaseToTemplate, transformCustomFieldsData } from '../utils/commonUtils';
 import { EMAIL, SMS } from '../v2Containers/CreativesContainer/constants';
 let API_ENDPOINT = config.development.api_endpoint;
 let EXPORT_API_ENDPOINT = config.development.exports_api_endpoint;
@@ -359,7 +359,13 @@ export const fetchSchemaForEntity = async ({queryParams}) => {
     });
   }
   const url = `${API_ENDPOINT}/meta/${queryParams.type}?query=${JSON.stringify(queryParams)}`;
-  return request(url, getAPICallObject('GET'));// request(url, getAPICallObject('GET'));
+  const result = await request(url, getAPICallObject('GET'));// request(url, getAPICallObject('GET'));
+  const customFields = get(result, 'response.metaEntities.custom', {});
+  if (customFields && Object.keys(customFields)?.length > 0) {
+    const transformedData = transformCustomFieldsData(customFields);
+    result.response.metaEntities.custom = transformedData;
+  }
+  return result;
 };
 
 export const fetchWeCrmAccounts = (sourceName) => {
@@ -471,14 +477,12 @@ export const getUnsubscribeUrl = () => {
   return request(url, getAPICallObject('POST', body));
 };
 
-export const getMarketingObjectives = (channel) =>
-  request(
-    `${CAMPAIGNS_API_ENDPOINT}/socialObjectives?channel=${channel}`,
-    getAPICallObject('GET', null, false, true),
-  );
+export const getMarketingObjectives = (channel) => request(
+  `${CAMPAIGNS_API_ENDPOINT}/socialObjectives?channel=${channel}`,
+  getAPICallObject('GET', null, false, true),
+);
 
-export const getAllLineStickers = () =>
-  request(`${API_ENDPOINT}/meta/sticker`, getAPICallObject('GET'));
+export const getAllLineStickers = () => request(`${API_ENDPOINT}/meta/sticker`, getAPICallObject('GET'));
 
 
 export const createCustomRow = (data) => {
@@ -569,10 +573,4 @@ 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/commonUtils.js

@@ -9,23 +9,75 @@ export const apiMessageFormatHandler = (id, fallback) => (
 );
 
 export const addBaseToTemplate = (template) => {
-  const { versions: {
-    history = [],
-  } = {}} = template || {};
+  const {
+    versions: {
+      history = [],
+    } = {},
+  } = template || {};
   if (history?.length) {
     return ({
       ...template,
       versions: {
         ...template.versions,
-        base:{
+        base: {
           ...history[0],
-          ...( !history?.[0]?.subject && { subject: get(template, 'versions.base.subject') })
-      }
-      }
+          ...( !history?.[0]?.subject && { subject: get(template, 'versions.base.subject') }),
+        },
+      },
     });
   }
-    return template;
+  return template;
 };
 
-export const isEmbeddedEditOrPreview = (queryType, creativesMode) => queryType === EMBEDDED &&
-  [EDIT, PREVIEW].includes(creativesMode);
+export const isEmbeddedEditOrPreview = (queryType, creativesMode) => queryType === EMBEDDED && [EDIT, PREVIEW].includes(creativesMode);
+
+export const transformCustomFieldsData = (customFields) => {
+  // Define mapping of scopes to their display names
+  const scopeMapping = {
+    loyalty_registration: 'Registration custom fields',
+    loyalty_transaction: 'Registration custom fields',
+    store_custom_fields: 'Organization custom fields',
+    org_custom_field: 'Organization custom fields',
+  };
+
+  // Initialize result structure with all possible sections
+  const result = Object.values(scopeMapping).reduce((acc, sectionName) => {
+    acc[sectionName] = {
+      name: sectionName,
+      subtags: {},
+    };
+    return acc;
+  }, {});
+
+  // Process each custom field
+  Object.values(customFields).forEach((field) => {
+    const {scope = ''} = field;
+    const sectionName = scopeMapping[scope];
+
+    if (sectionName) {
+      // Determine the prefix based on scope
+      let prefix = 'custom_field';
+      if (scope === 'org_custom_field') {
+        prefix = 'org_custom_field';
+      } else if (scope === 'store_custom_fields') {
+        prefix = 'store_custom_field';
+      }
+
+      const fieldKey = `${prefix}.${field?.name}`;
+      // Add field to appropriate section
+      result[sectionName].subtags[fieldKey] = {
+        name: field?.name,
+        desc: field?.name || field?.label,
+      };
+    }
+  });
+
+  // Remove empty sections (those with no subtags)
+  Object.keys(result).forEach((sectionName) => {
+    if (Object.keys(result[sectionName]?.subtags)?.length === 0) {
+      delete result[sectionName];
+    }
+  });
+
+  return result;
+};

package/utils/tests/commonUtil.test.js

@@ -2,10 +2,9 @@ import "@testing-library/jest-dom";
 import get from 'lodash/get';
 import { getTreeStructuredTags } from "../common";
 import * as mockdata from "./common.mockdata";
-import { addBaseToTemplate, isEmbeddedEditOrPreview } from "../commonUtils";
+import { addBaseToTemplate, isEmbeddedEditOrPreview, transformCustomFieldsData } from "../commonUtils";
 import { EMBEDDED, FULL } from "../../v2Containers/Whatsapp/constants";
 import { CREATE, EDIT, PREVIEW } from "../../v2Containers/App/constants";
-import { query } from "express";
 
 jest.mock('@capillarytech/cap-ui-utils', () => ({
   Auth: {
@@ -38,7 +37,7 @@ describe('addBaseToTemplate', () => {
       versions: {
         history: ['v1', 'v2', 'v3'],
         base: {
-          "0":"v","1":"1","subject":undefined,
+          0: "v", 1: "1", subject: undefined,
         },
       },
     };
@@ -115,3 +114,109 @@ describe('isEmbeddedEditOrPreview', () => {
     expect(isEmbeddedEditOrPreview(queryType, creativesMode)).toBe(false);
   });
 });
+
+describe('transformCustomFieldsData', () => {
+  it('should transform registration custom fields correctly', () => {
+    const input = {
+      1: {
+        name: 'age_group',
+        label: 'Age Group',
+        scope: 'loyalty_registration',
+      },
+      2: {
+        name: 'gender',
+        label: 'Gender',
+        scope: 'loyalty_registration',
+      },
+    };
+
+    const expected = {
+      'Registration custom fields': {
+        name: 'Registration custom fields',
+        subtags: {
+          'custom_field.age_group': {
+            name: 'age_group',
+            desc: 'age_group',
+          },
+          'custom_field.gender': {
+            name: 'gender',
+            desc: 'gender',
+          },
+        },
+      },
+    };
+
+    expect(transformCustomFieldsData(input)).toEqual(expected);
+  });
+
+  it('should transform organization custom fields correctly', () => {
+    const input = {
+      1: {
+        name: 'org_phone',
+        label: 'Phone',
+        scope: 'org_custom_field',
+      },
+      2: {
+        name: 'store_location',
+        label: 'Location',
+        scope: 'store_custom_fields',
+      },
+    };
+
+    const expected = {
+      'Organization custom fields': {
+        name: 'Organization custom fields',
+        subtags: {
+          'org_custom_field.org_phone': {
+            name: 'org_phone',
+            desc: 'org_phone',
+          },
+          'store_custom_field.store_location': {
+            name: 'store_location',
+            desc: 'store_location',
+          },
+        },
+      },
+    };
+
+    expect(transformCustomFieldsData(input)).toEqual(expected);
+  });
+
+  it('should handle empty input correctly', () => {
+    expect(transformCustomFieldsData({})).toEqual({});
+  });
+
+  it('should handle fields with missing properties', () => {
+    const input = {
+      1: {
+        scope: 'loyalty_registration',
+      },
+    };
+
+    const expected = {
+      'Registration custom fields': {
+        name: 'Registration custom fields',
+        subtags: {
+          'custom_field.undefined': {
+            name: undefined,
+            desc: undefined,
+          },
+        },
+      },
+    };
+
+    expect(transformCustomFieldsData(input)).toEqual(expected);
+  });
+
+  it('should ignore fields with invalid scope', () => {
+    const input = {
+      1: {
+        name: 'test',
+        label: 'Test',
+        scope: 'invalid_scope',
+      },
+    };
+
+    expect(transformCustomFieldsData(input)).toEqual({});
+  });
+});

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, selectMetaTagsStatus } from "../../v2Containers/Cap/selectors";
+import { makeSelectMetaEntities, selectCurrentOrgDetails, selectLiquidStateDetails } from "../../v2Containers/Cap/selectors";
 import * as actions from "../../v2Containers/Cap/actions";
 import './_formBuilder.scss';
 import {updateCharCount, checkUnicode} from "../../utils/smsCharCountV2";
@@ -59,7 +59,6 @@ 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;
@@ -1065,7 +1064,6 @@ 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,
@@ -1079,74 +1077,11 @@ class FormBuilder extends React.Component { // eslint-disable-line react/prefer-
         }
       };
     }, () => {
-      this.metaIDSaveWrapper();
-    });}
-  }
-  
-  metaIDSaveWrapper = () => {
-    const {
-      actionName,
-      actionId,
-      ouId,
-      clientName,
-      module, 
-      metaId,
-      setMetaId = () => {},
-      channel,
-    } = this.props.loyaltyMetaData;
-    const { formatMessage } = this.props.intl;
-    const handleMetaIDResult = (result) => {
-      console.log("**** handleMetaIDResult: 1", { result });
-      if (result.status.code === 200 && this.props.onSubmit) {
-        console.log("**** handleMetaIDResult: 2.1", { result });
-        setMetaId(result?.metaId);
+      if (this.props.onSubmit) {
         this.props.onSubmit(this.state.formData);
-      } else {
-        // this.setState({ metaID: null });
-        console.log("**** handleMetaIDResult: 2.2 ", { result });
-        this.setState(
-          prevState => ({
-            liquidErrorMessage: {
-              ...prevState.liquidErrorMessage,
-              STANDARD_ERROR_MSG: result?.errors?.length > 0
-                ? [
-                    ...(prevState.liquidErrorMessage?.STANDARD_ERROR_MSG || []),
-                    formatMessage(messages.emailBodyEmptyError)
-                  ]
-                : prevState.liquidErrorMessage?.STANDARD_ERROR_MSG,
-              LIQUID_ERROR_MSG: result?.errors?.map(
-                error => error?.message
-              ) ?? [formatMessage(messages.somethingWentWrong)]
-            }
-          }),
-          () => {
-            this.props.showLiquidErrorInFooter(this.state.liquidErrorMessage);
-          }
-        );
-        this.props.stopValidation();
-        return;
       }
-    };
-    const content = this.state.formData?.base?.en?.["template-content"] || "";
-    console.log("**** metaIDSaveWrapper: BODY", { content, actionName, actionId, ouId, clientName, module, metaId, setMetaId, messageDetails: this.props.messageDetails, state: this.state });
-    // Only generate metaId for loyalty module and specific action
-    if (this.props.isLoyaltyModule && actionName === 'SEND_COMMUNICATION_ACTION') {
-        //need to pass payload , this will be same as the payload for template creation/edit api
-        const payload = transformFormDataToAPIPayload(
-          this.state.formData,
-          this.props.loyaltyMetaData
-        );
-        console.log("**** metaIDSaveWrapper: payload: ", {
-          payload,
-          props: this.props,
-          state: this.state
-        });
-        this.props.actions.createCentralCommsMetaId(payload, handleMetaIDResult);
-    } else {
-      this.props.onSubmit(this.state.formData);
-    }
-  };
-  
+    });}
+  }
   saveForm(saveForm) {
     if (this.props.isNewVersionFlow && !saveForm) {
       this.props.getValidationData();
@@ -1221,7 +1156,7 @@ class FormBuilder extends React.Component { // eslint-disable-line react/prefer-
         };
         this.props.actions.getLiquidTags(preprocessHtml(content), handleResult);
       } else {
-        this.metaIDSaveWrapper();
+        this.props.onSubmit(this.state.formData);
       }
     } else {
       this.setState({checkValidation: true});
@@ -3858,7 +3793,7 @@ class FormBuilder extends React.Component { // eslint-disable-line react/prefer-
 
 
     return (
-      <CapSpin spinning={Boolean((this.liquidFlow && this.props.liquidExtractionInProgress) || this.props.metaIdStatus === 'REQUEST')} tip={this.props.intl.formatMessage(messages.liquidSpinText)} >
+      <CapSpin spinning={Boolean(this.liquidFlow && this.props.liquidExtractionInProgress)} tip={this.props.intl.formatMessage(messages.liquidSpinText)} >
       <CapRow>
         {this.props.schema && this.renderForm()}
         <SlideBox
@@ -3892,9 +3827,6 @@ FormBuilder.defaultProps = {
   isNewVersionFlow: false,
   userLocale: localStorage.getItem('jlocale') || 'en',
   showLiquidErrorInFooter: () => {},
-  metaIdStatus: false,
-  isLoyaltyModule: false,
-  loyaltyMetaData: {},
 };
 
 FormBuilder.propTypes = {
@@ -3943,13 +3875,11 @@ 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/v2Containers/Cap/actions.js

@@ -85,12 +85,3 @@ 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,7 +63,3 @@ 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,12 +199,6 @@ 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,24 +186,6 @@ 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 {
@@ -243,10 +225,6 @@ 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);
 }
@@ -279,7 +257,6 @@ export default [
   watchGetTopbarMenuData,
   watchForGetVideosConfig,
   watchLiquidEntity,
-  watchMetaId,
 ];
 
 
@@ -291,7 +268,6 @@ export function* capSagaForFetchSchemaForEntity() {
 export function* capSagaLiquidEntity() {
   yield all([
     watchLiquidEntity(),
-    watchMetaId(),
   ]);
 };
 
@@ -303,6 +279,5 @@ export function* v2CapSagas() {
     watchForFetchUserInfo(),
     watchGetTopbarMenuData(),
     watchForGetVideosConfig(),
-    watchMetaId(),
   ]);
 }

package/v2Containers/Cap/selectors.js

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

package/v2Containers/CreativesContainer/SlideBoxContent.js

@@ -158,7 +158,6 @@ 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};
@@ -515,8 +514,6 @@ export function SlideBoxContent(props) {
           onCreateComplete={onCreateComplete}
           smsRegister={smsRegister}
           eventContextTags={eventContextTags}
-          loyaltyMetaData={loyaltyMetaData}
-          messageDetails={messageDetails}
         />
       )}
       {isEditFTP && (
@@ -585,8 +582,6 @@ export function SlideBoxContent(props) {
         smsRegister={smsRegister}
         onShowTemplates={onShowTemplates}
         eventContextTags={eventContextTags}
-        loyaltyMetaData={loyaltyMetaData}
-        messageDetails={messageDetails}
       />
         )}
 
@@ -620,8 +615,6 @@ export function SlideBoxContent(props) {
         showLiquidErrorInFooter={showLiquidErrorInFooter}
         eventContextTags={eventContextTags}
         isLoyaltyModule={isLoyaltyModule}
-        loyaltyMetaData={loyaltyMetaData}
-        messageDetails={messageDetails}
       />
         )}
       {(isEditEmailWithId || isEmailEditWithContent) && (
@@ -652,8 +645,6 @@ export function SlideBoxContent(props) {
         showLiquidErrorInFooter={showLiquidErrorInFooter}
         eventContextTags={eventContextTags}
         isLoyaltyModule={isLoyaltyModule}
-        loyaltyMetaData={loyaltyMetaData}
-        messageDetails={messageDetails}
       />
         )}
       {isEditMPush &&
@@ -680,8 +671,6 @@ export function SlideBoxContent(props) {
           hideTestAndPreviewBtn={hideTestAndPreviewBtn}
           creativesMode={creativesMode}
           eventContextTags={eventContextTags}
-          loyaltyMetaData={loyaltyMetaData}
-          messageDetails={messageDetails}
         />
         }
       {isCreateMPush &&
@@ -711,8 +700,6 @@ export function SlideBoxContent(props) {
           hideTestAndPreviewBtn={hideTestAndPreviewBtn}
           onTestContentClicked={onTestContentClicked}
           eventContextTags={eventContextTags}
-          loyaltyMetaData={loyaltyMetaData}
-          messageDetails={messageDetails}
         />
       }
       {

package/v2Containers/CreativesContainer/index.js

@@ -75,7 +75,6 @@ const SlideBoxWrapper = styled.div`
 `;
 export class Creatives extends React.Component {
   constructor(props) {
-    //send metaId and setMetaId from loyalty module in props
     super(props);
     this.state = {
       isLoadingContent: true,
@@ -89,7 +88,6 @@ export class Creatives extends React.Component {
       weChatMaptemplateStep: 0,
       isLiquidValidationError: false,
       errorMessages: [],
-      metaId: null,
     };
     this.creativesTemplateSteps = {
       1: 'modeSelection',
@@ -1274,7 +1272,6 @@ export class Creatives extends React.Component {
       enableNewChannels,
       eventContextTags,
       isLoyaltyModule,
-      loyaltyMetaData = {},
     } = this.props;
     const mapTemplateCreate =
       slidBoxContent === "createTemplate" &&
@@ -1380,7 +1377,6 @@ export class Creatives extends React.Component {
               hostName={this.props?.hostName || ''}
               eventContextTags={eventContextTags}
               isLoyaltyModule={isLoyaltyModule}
-              loyaltyMetaData={loyaltyMetaData}
             />
           )}
           footer={this.shouldShowFooter() && (

package/v2Containers/Email/index.js

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

package/v2Containers/EmailWrapper/index.js

@@ -229,8 +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 {
       templateName,
@@ -305,8 +303,6 @@ export class EmailWrapper extends React.Component { // eslint-disable-line react
                 moduleType={moduleType}
                 eventContextTags={eventContextTags}
                 isLoyaltyModule={isLoyaltyModule}
-                loyaltyMetaData={loyaltyMetaData}
-                messageDetails={messageDetails}
               />}
               {!isShowEmailCreate && (
                 <CmsTemplatesComponent

package/v2Containers/MobilePush/Create/index.js

@@ -1809,8 +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>
             {this.props.iosCtasData && this.state.showIosCtaTable &&

package/v2Containers/MobilePush/Edit/index.js

@@ -1991,8 +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>
             {this.props.iosCtasData && this.state.showIosCtaTable &&

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 = []} = this.props;
     const {templateName} = this.state;
     const isShowMobilepushCreate = !isEmpty(mobilePushCreateMode);
     return (
@@ -120,8 +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,8 +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>
           </CapRow>

package/v2Containers/Sms/Edit/index.js

@@ -992,8 +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>
           </CapRow>

package/v2Containers/SmsWrapper/index.js

@@ -30,8 +30,6 @@ const SmsWrapper = (props) => {
     smsRegister,
     onShowTemplates,
     eventContextTags,
-    loyaltyMetaData = {},
-    messageDetails = {},
   } = props;
 
   const smsProps = {
@@ -48,8 +46,6 @@ const SmsWrapper = (props) => {
     onPreviewContentClicked,
     onTestContentClicked,
     eventContextTags,
-    loyaltyMetaData,
-    messageDetails,
   };
   const isTraiDlt = isTraiDLTEnable(isFullMode, smsRegister);
   return <>

package/v2Components/FormBuilder/utils.js

@@ -1,152 +0,0 @@
-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;
-  }
-};