@capillarytech/creatives-library 7.17.208-alpha.1 → 7.17.208

package/package.json

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

package/utils/tagValidations.js

@@ -17,11 +17,10 @@ const SUBTAGS = 'subtags';
  * @param {Object} response - The response object to check.
  * @param {Object} tagObject - The tagLookupMap.
  */
-export const checkSupport = (response = {}, tagObject = {}, eventContextTags = []) => {
+export const checkSupport = (response = {}, tagObject = {}) => {
   const supportedList = [];
   // Verifies the presence of the tag in the 'Add Labels' section.
-  // Incase of journey event context the tags won't be available in the tagObject(tagLookupMap).
-  const checkNameInTagObjectOrEventContext = (name) => !!tagObject[name] || eventContextTags?.some((tag) => tag?.tagName === name);
+  const checkNameInTagObject = (name) => !!tagObject[name];
 
   // Verify if childTag is a valid sub-tag of parentTag from the 'Add Labels' section or if it's unsupported.
   const checkSubtags = (parentTag, childName) => {
@@ -48,7 +47,7 @@ export const checkSupport = (response = {}, tagObject = {}, eventContextTags = [
 
   //Checks if the tag is present in the Add Label Section
   for (const item of response?.data || []) {
-    if (checkNameInTagObjectOrEventContext(item?.name)) {
+    if (checkNameInTagObject(item?.name)) {
       supportedList?.push(item?.name);
     }
     //Repeat the process for subtags
@@ -94,7 +93,6 @@ export const validateTags = ({
   injectedTagsParams,
   location,
   tagModule,
-  eventContextTags,
 }) => {
   const tags = tagsParam;
   const injectedTags = transformInjectedTags(injectedTagsParams);
@@ -147,12 +145,6 @@ export const validateTags = ({
           }
         }
       }
-      // Journey Event Context Tags support
-      eventContextTags?.forEach((tag) => {
-        if (tagValue === tag?.tagName) {
-          ifSupported = true;
-        }
-      });
       ifSupported = ifSupported || checkIfSupportedTag(tagValue, injectedTags);
       if (!ifSupported) {
         response.unsupportedTags.push(tagValue);
@@ -273,4 +265,13 @@ export const preprocessHtml = (content) => {
 
   // Step 2: Perform the standard replacements on the entire content
   return contentWithStyleFixes?.replace(/'|"|&|<|>|"|\n/g, match => replacements[match]);
+};
+
+//this is used to get the subtags from custom or extended tags
+export const getTagMapValue = (object = {}) => {
+  return Object.values(
+    object
+  ).reduce((acc, current) => {
+    return { ...acc?.subtags ?? {}, ...current?.subtags ?? {} };
+  }, {});
 };

package/utils/tests/tagValidations.test.js

@@ -1,6 +1,6 @@
 import React from 'react';
 import '@testing-library/jest-dom';
-import { checkSupport, extractNames, preprocessHtml, validateIfTagClosed,validateTags} from '../tagValidations';
+import { checkSupport, extractNames, getTagMapValue, preprocessHtml, validateIfTagClosed,validateTags} from '../tagValidations';
 
 describe("check if curly brackets are balanced", () => {
     it("test for balanced curly brackets", () => {
@@ -421,4 +421,26 @@ describe('preprocessHtml', () => {
     expect(preprocessHtml(input)).toEqual(expectedOutput);
   });
 
+
+});
+
+
+describe("getTagMapValue", () => {
+  it("should return an empty object when no object is provided", () => {
+    const result = getTagMapValue();
+    expect(result).toEqual({});
+  });
+
+  it("should return the tag map value when an object is provided", () => {
+    const object = {
+      "key 1": {
+        name: "23",
+        subtags: {
+          name: "233",
+        },
+      },
+    };
+    const result = getTagMapValue(object);
+    expect(result).toEqual({ name: "233" });
+  });
 });

package/v2Components/FormBuilder/index.js

@@ -1120,8 +1120,7 @@ class FormBuilder extends React.Component { // eslint-disable-line react/prefer-
             // Extracts the supported liquid tags from the given content.
             const supportedLiquidTags = checkSupport(
               result,
-              this.props?.metaEntities?.tagLookupMap,
-              this.props?.eventContextTags
+              this.props?.metaEntities?.tagLookupMap
             );
             const unsupportedLiquidTags = extractedLiquidTags?.filter(
               (tag) => !supportedLiquidTags?.includes(tag) && !this.skipTags(tag)
@@ -1284,14 +1283,6 @@ class FormBuilder extends React.Component { // eslint-disable-line react/prefer-
             }
           }
         }
-
-        // Event Context Tags support
-        this.props?.eventContextTags?.forEach((tag) => {
-          if (tagValue === tag?.tagName) {
-            ifSupported = true;
-          }
-        });
-
         ifSupported = ifSupported || this.checkIfSupportedTag(tagValue, injectedTags);
         if (!ifSupported && !this.liquidFlow) {
           response.unsupportedTags.push(tagValue);
@@ -2619,7 +2610,6 @@ class FormBuilder extends React.Component { // eslint-disable-line react/prefer-
                 id={val.id}
                 userLocale={this.props.userLocale}
                 selectedOfferDetails={this.props.selectedOfferDetails}
-                eventContextTags={this.props.eventContextTags}
               />
             </CapColumn>
           );
@@ -3241,7 +3231,6 @@ class FormBuilder extends React.Component { // eslint-disable-line react/prefer-
                     userLocale={this.state.translationLang}
                     selectedOfferDetails={this.props.selectedOfferDetails}
                     channel={channel}
-                    eventContextTags={this.props.eventContextTags}
                   />
                 </CapColumn>
               );
@@ -3516,7 +3505,6 @@ class FormBuilder extends React.Component { // eslint-disable-line react/prefer-
                   saveBeeData={this.props.saveBeeData}
                   onContextChange={this.props.onContextChange}
                   moduleFilterEnabled={isModuleFilterEnabled}
-                  eventContextTags={this.props.eventContextTags}
                 />
               </CapColumn>
             );

package/v2Containers/BeeEditor/index.js

@@ -48,7 +48,6 @@ function BeeEditor(props) {
     actions,
     BEESelect,
     currentOrgDetails,
-    eventContextTags,
   } = props;
   const { saveRowRequest } = BEESelect;
   const {formatMessage} = intl;
@@ -281,7 +280,6 @@ function BeeEditor(props) {
             className: "bee-editor-tag-list",
           }}
           onContextChange={onContextChange}
-          eventContextTags={eventContextTags}
         />
         <CapModal
           className="custom-row-modal"
@@ -325,7 +323,6 @@ BeeEditor.propTypes = {
   injectedTags: PropTypes.object,
   onContextChange: PropTypes.func,
   userLocale: PropTypes.string,
-  eventContextTags: PropTypes.array,
 };
 
 const mapStateToProps = () => createStructuredSelector({

package/v2Containers/Cap/mockData.js

@@ -51,7 +51,7 @@ export const expectedStateGetLiquidTagsRequest = {
     messages: [],
     metaEntities: {
       layouts: undefined,
-      tagLookupMap: { undefined: "32" },
+      tagLookupMap: { undefined: {definition: {}} },
       tags: { standard: { random: "32" } }
     },
     orgID: "",

package/v2Containers/Cap/reducer.js

@@ -7,6 +7,7 @@ import * as types from './constants';
 import initialState from '../../initialState';
 import { FAILURE } from '../App/constants';
 import { TAG } from '../Whatsapp/constants';
+import { getTagMapValue } from '../../utils/tagValidations';
 
 function capReducer(state = fromJS(initialState.cap), action) {
   switch (action.type) {
@@ -96,14 +97,34 @@ function capReducer(state = fromJS(initialState.cap), action) {
       return state
         .set('fetchingLiquidTags', false)
     case types.GET_SCHEMA_FOR_ENTITY_SUCCESS: {
-      const stateMeta = state.get('metaEntities');
-      const standardTagMap = _.keyBy(action?.data?.metaEntities?.standard, item => item?.definition?.value);
+      //Process standard tags (same as before)
+      const standardTagMapInitial = _.keyBy(
+        action?.data?.metaEntities?.standard,
+        item => item?.definition?.value
+      );
+      // Mapping only the `definition` object instead of the entire item, to reduce space used
+      const standardTagMap = _.mapValues(standardTagMapInitial, item => ({
+        definition: item?.definition ?? {},
+      }));
+
+      // Process custom tags
+      const customSubtags = getTagMapValue(action?.data?.metaEntities?.custom)
+      // Process extended tags
+      const extendedSubtags = getTagMapValue(action?.data?.metaEntities?.extended);
+
+      // Combine all maps
+      const combinedTagMap = {
+        ...standardTagMap,
+        ...customSubtags,
+        ...extendedSubtags
+      };
+      const stateMeta = state.get("metaEntities");
       return state
         .set('fetchingSchema', false)
         .set('metaEntities', {
           layouts: action.data && action.entityType === 'LAYOUT' ? action.data.metaEntities : stateMeta.layouts,
           tags: action.data && action.entityType === 'TAG' ? action.data.metaEntities : stateMeta.tags,
-          tagLookupMap: action?.data && action?.entityType === TAG ? standardTagMap : stateMeta?.tagLookupMap,
+          tagLookupMap: action?.data && action?.entityType === TAG ? combinedTagMap : stateMeta?.tagLookupMap,
         })
         .set('fetchingSchemaError', false);
     }

package/v2Containers/CreativesContainer/SlideBoxContent.js

@@ -155,7 +155,6 @@ export function SlideBoxContent(props) {
       moduleType,
       showLiquidErrorInFooter,
       creativesMode,
-      eventContextTags,
     } = 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};
@@ -396,7 +395,6 @@ export function SlideBoxContent(props) {
     onCreateComplete,
     selectedOfferDetails,
     getFormData,
-    eventContextTags,
   };
 
   return (
@@ -431,7 +429,6 @@ export function SlideBoxContent(props) {
         smsRegister={smsRegister}
         enableNewChannels={enableNewChannels}
         hideTestAndPreviewBtn={hideTestAndPreviewBtn}
-        eventContextTags={eventContextTags}
         />
       )}
       {isPreview && (
@@ -511,7 +508,6 @@ export function SlideBoxContent(props) {
           handleClose={handleClose}
           onCreateComplete={onCreateComplete}
           smsRegister={smsRegister}
-          eventContextTags={eventContextTags}
         />
       )}
       {isEditFTP && (
@@ -547,7 +543,6 @@ export function SlideBoxContent(props) {
             query,
             search: '',
           }}
-          eventContextTags={eventContextTags}
         />
       }
       {
@@ -578,7 +573,6 @@ export function SlideBoxContent(props) {
         onCreateComplete={onCreateComplete}
         smsRegister={smsRegister}
         onShowTemplates={onShowTemplates}
-        eventContextTags={eventContextTags}
       />
         )}
 
@@ -610,7 +604,6 @@ export function SlideBoxContent(props) {
         getCmsTemplatesInProgress={getCmsTemplatesInProgress}
         moduleType={moduleType}
         showLiquidErrorInFooter={showLiquidErrorInFooter}
-        eventContextTags={eventContextTags}
       />
         )}
       {(isEditEmailWithId || isEmailEditWithContent) && (
@@ -639,7 +632,6 @@ export function SlideBoxContent(props) {
         onTestContentClicked={onTestContentClicked}
         moduleType={moduleType}
         showLiquidErrorInFooter={showLiquidErrorInFooter}
-        eventContextTags={eventContextTags}
       />
         )}
       {isEditMPush &&
@@ -665,38 +657,35 @@ export function SlideBoxContent(props) {
           type={type}
           hideTestAndPreviewBtn={hideTestAndPreviewBtn}
           creativesMode={creativesMode}
-          eventContextTags={eventContextTags}
         />
         }
       {isCreateMPush &&
-        <MobilepushWrapper
-          key="creatives-mobilepush-wrapper"
-          date={new Date().getMilliseconds()}
-          setIsLoadingContent={setIsLoadingContent}
-          onMobilepushModeChange={onMobilepushModeChange}
-          mobilePushCreateMode={mobilePushCreateMode}
-          isGetFormData={isGetFormData}
-          getFormData={getFormData}
-          templateData={templateData}
-          type={type}
-          step={templateStep}
-          showNextStep={onCreateNextStep}
-          isFullMode={isFullMode}
-          onEnterTemplateName={onEnterTemplateName}
-          onRemoveTemplateName={onRemoveTemplateName}
-          cap={cap}
-          onResetStep={onResetStep}
-          showTemplateName={showTemplateName}
-          query={query}
-          forwardedTags={forwardedTags}
-          onValidationFail={onValidationFail}
-          selectedOfferDetails={selectedOfferDetails}
-          onPreviewContentClicked={onPreviewContentClicked}
-          hideTestAndPreviewBtn={hideTestAndPreviewBtn}
-          onTestContentClicked={onTestContentClicked}
-          eventContextTags={eventContextTags}
-        />
-      }
+      <MobilepushWrapper
+        key="creatives-mobilepush-wrapper"
+        date={new Date().getMilliseconds()}
+        setIsLoadingContent={setIsLoadingContent}
+        onMobilepushModeChange={onMobilepushModeChange}
+        mobilePushCreateMode={mobilePushCreateMode}
+        isGetFormData={isGetFormData}
+        getFormData={getFormData}
+        templateData={templateData}
+        type={type}
+        step={templateStep}
+        showNextStep={onCreateNextStep}
+        isFullMode={isFullMode}
+        onEnterTemplateName={onEnterTemplateName}
+        onRemoveTemplateName={onRemoveTemplateName}
+        cap={cap}
+        onResetStep={onResetStep}
+        showTemplateName={showTemplateName}
+        query={query}
+        forwardedTags={forwardedTags}
+        onValidationFail={onValidationFail}
+        selectedOfferDetails={selectedOfferDetails}
+        onPreviewContentClicked={onPreviewContentClicked}
+        hideTestAndPreviewBtn={hideTestAndPreviewBtn}
+        onTestContentClicked={onTestContentClicked}/>
+        }
       {
         isCreateFacebook && (
           <Facebook
@@ -713,7 +702,6 @@ export function SlideBoxContent(props) {
             fbAdManager={fbAdManager}
             onSelectTemplate={onSelectTemplate}
             orgUnitId={orgUnitId}
-            eventContextTags={eventContextTags}
           />
         )
       }
@@ -733,7 +721,6 @@ export function SlideBoxContent(props) {
             getFormSubscriptionData={getFormData}
             fbAdManager={fbAdManager}
             onSelectTemplate={onSelectTemplate}
-            eventContextTags={eventContextTags}
           />
         )
       }
@@ -755,7 +742,6 @@ export function SlideBoxContent(props) {
             selectedAccount={selectedAccount}
             handleClose={handleClose}
             selectedOfferDetails={selectedOfferDetails}
-            eventContextTags={eventContextTags}
           />
         )
       }
@@ -774,7 +760,6 @@ export function SlideBoxContent(props) {
             createNew
             handleClose={handleClose}
             selectedOfferDetails={selectedOfferDetails}
-            eventContextTags={eventContextTags}
           />
         )
       }
@@ -789,7 +774,6 @@ export function SlideBoxContent(props) {
           onShowTemplates={onShowTemplates}
           templateData={templateData}
           selectedOfferDetails={selectedOfferDetails}
-          eventContextTags={eventContextTags}
           createNew/>
       )}
 
@@ -806,13 +790,11 @@ export function SlideBoxContent(props) {
         onShowTemplates={onShowTemplates}
         templateData={templateData}
         selectedOfferDetails={selectedOfferDetails}
-        eventContextTags={eventContextTags}
         createNew/> }
 
       {isCreateWhatsapp && (<Whatsapp
         isFullMode={isFullMode}
         onCreateComplete={onCreateComplete}
-        eventContextTags={eventContextTags}
         handleClose={handleClose}/>
       )}
 
@@ -823,7 +805,6 @@ export function SlideBoxContent(props) {
         getDefaultTags={type}
         forwardedTags={forwardedTags}
         selectedOfferDetails={selectedOfferDetails}
-        eventContextTags={eventContextTags}
         params={{
           id: templateData._id,
         }}
@@ -847,7 +828,6 @@ export function SlideBoxContent(props) {
         isGetFormData={isGetFormData}
         templateData={templateData}
         getDefaultTags={type}
-        eventContextTags={eventContextTags}
       />
       )}
 
@@ -859,7 +839,6 @@ export function SlideBoxContent(props) {
         forwardedTags={forwardedTags}
         onCreateComplete={onCreateComplete}
         selectedOfferDetails={selectedOfferDetails}
-        eventContextTags={eventContextTags}
         params={{
           id: templateData._id,
         }}

package/v2Containers/CreativesContainer/index.js

@@ -1213,7 +1213,6 @@ export class Creatives extends React.Component {
       editor,
       smsRegister,
       enableNewChannels,
-      eventContextTags,
     } = this.props;
     const mapTemplateCreate =
       slidBoxContent === "createTemplate" &&
@@ -1314,7 +1313,6 @@ export class Creatives extends React.Component {
               moduleType={this.props.messageDetails?.type}
               showLiquidErrorInFooter={this.showLiquidErrorInFooter}
               creativesMode={creativesMode} // An existing prop that we're using here. Required to ensure correct account details in Edit or Preview in case of Embedded mode.
-              eventContextTags={eventContextTags}
           />
           }
           footer={this.shouldShowFooter() &&
@@ -1373,7 +1371,6 @@ Creatives.propTypes = {
   selectedAccount: PropTypes.object,
   strategy: PropTypes.string,
   orgUnitId: PropTypes.number,
-  eventContextTags: PropTypes.array,
 };
 const mapStatesToProps = () => createStructuredSelector({
   isLoading: isLoadingSelector(),

package/v2Containers/Email/index.js

@@ -2733,7 +2733,6 @@ export class Email extends React.Component { // eslint-disable-line react/prefer
                   isEmailLoading={isLoading}
                   moduleType={moduleType}
                   showLiquidErrorInFooter={this.props.showLiquidErrorInFooter}
-                  eventContextTags={this.props?.eventContextTags}
               /> : ''}
             </Col>
           </Row>

package/v2Containers/EmailWrapper/index.js

@@ -215,7 +215,6 @@ export class EmailWrapper extends React.Component { // eslint-disable-line react
       currentOrgDetails,
       moduleType,
       showLiquidErrorInFooter,
-      eventContextTags,
     } = this.props;
     const {
       templateName,
@@ -288,7 +287,6 @@ export class EmailWrapper extends React.Component { // eslint-disable-line react
                 onTestContentClicked={onTestContentClicked}
                 editor={editor}
                 moduleType={moduleType}
-                eventContextTags={eventContextTags}
               />}
               {!isShowEmailCreate && (
                 <CmsTemplatesComponent
@@ -334,7 +332,6 @@ EmailWrapper.propTypes = {
   moduleType: PropTypes.string,
   onEnterTemplateName: PropTypes.func,
   onRemoveTemplateName: PropTypes.func,
-  eventContextTags: PropTypes.array,
 };
 
 const mapStateToProps = createStructuredSelector({

package/v2Containers/MobilePush/Create/index.js

@@ -1789,7 +1789,6 @@ export class Create extends React.Component { // eslint-disable-line react/prefe
                 templateData={this.props.templateData}
                 hideTestAndPreviewBtn={this.props.hideTestAndPreviewBtn}
                 isFullMode={this.props.isFullMode}
-                eventContextTags={this.props?.eventContextTags}
               />
             </CapColumn>
             {this.props.iosCtasData && this.state.showIosCtaTable &&
@@ -1881,7 +1880,6 @@ Create.propTypes = {
   getFormLibraryData: PropTypes.func,
   onPreviewContentClicked: PropTypes.func,
   onTestContentClicked: PropTypes.func,
-  eventContextTags: PropTypes.array,
 };
 
 const mapStateToProps = createStructuredSelector({

package/v2Containers/MobilePush/Edit/index.js

@@ -1951,7 +1951,6 @@ export class Edit extends React.Component { // eslint-disable-line react/prefer-
                 templateData={this.props.templateData}
                 hideTestAndPreviewBtn={this.props.hideTestAndPreviewBtn}
                 isFullMode={this.props.isFullMode}
-                eventContextTags={this.props?.eventContextTags}
               />}
             </CapColumn>
             {this.props.iosCtasData && this.state.showIosCtaTable &&
@@ -2047,7 +2046,6 @@ Edit.propTypes = {
   onPreviewContentClicked: PropTypes.func,
   onTestContentClicked: PropTypes.func,
   creativesMode: PropTypes.string,
-  eventContextTags: PropTypes.array,
 };
 
 const mapStateToProps = createStructuredSelector({

package/v2Containers/MobilepushWrapper/index.js

@@ -72,9 +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,
-    } = this.props;
+    const {mobilePushCreateMode, step, getFormData, setIsLoadingContent, isGetFormData, query, isFullMode, showTemplateName, type, onValidationFail, onPreviewContentClicked, onTestContentClicked, templateData} = this.props;
     const {templateName} = this.state;
     const isShowMobilepushCreate = !isEmpty(mobilePushCreateMode);
     return (
@@ -121,7 +119,6 @@ export class MobilepushWrapper extends React.Component { // eslint-disable-line
               onTestContentClicked={onTestContentClicked}
               templateData={templateData}
               hideTestAndPreviewBtn={this.props.hideTestAndPreviewBtn}
-              eventContextTags={eventContextTags}
           />
 
 
@@ -147,7 +144,6 @@ MobilepushWrapper.propTypes = {
   showTemplateName: PropTypes.func,
   type: PropTypes.string,
   onValidationFail: PropTypes.func,
-  eventContextTags: PropTypes.array,
 };
 
 

package/v2Containers/Sms/Create/index.js

@@ -989,7 +989,6 @@ export class Create extends React.Component { // eslint-disable-line react/prefe
                 selectedOfferDetails={this.props.selectedOfferDetails}
                 onTestContentClicked={this.props.onTestContentClicked}
                 onPreviewContentClicked={this.props.onPreviewContentClicked}
-                eventContextTags={this.props?.eventContextTags}
               />
             </CapColumn>
           </CapRow>
@@ -1016,7 +1015,6 @@ Create.propTypes = {
   getFormSubscriptionData: PropTypes.func,
   isLoadingMetaEntities: PropTypes.bool,
   selectedOfferDetails: PropTypes.array,
-  eventContextTags: PropTypes.array,
 };
 
 const mapStateToProps = createStructuredSelector({

package/v2Containers/Sms/Edit/index.js

@@ -987,7 +987,6 @@ export class Edit extends React.Component { // eslint-disable-line react/prefer-
                 selectedOfferDetails={this.props.selectedOfferDetails}
                 onPreviewContentClicked={this.props.onPreviewContentClicked}
                 onTestContentClicked={this.props.onTestContentClicked}
-                eventContextTags={this.props.eventContextTags}
               />
             </CapColumn>
           </CapRow>
@@ -1017,7 +1016,6 @@ Edit.propTypes = {
   // route: PropTypes.object,
   injectedTags: PropTypes.object,
   selectedOfferDetails: PropTypes.array,
-  eventContextTags: PropTypes.array,
 };
 
 const mapStateToProps = createStructuredSelector({

package/v2Containers/SmsTrai/Edit/index.js

@@ -71,7 +71,6 @@ export const SmsTraiEdit = (props) => {
     getFormSubscriptionData,
     templateData = {},
     selectedOfferDetails,
-    eventContextTags,
   } = props || {};
   const { formatMessage } = intl;
   const [loading, updateLoading] = useState(true);
@@ -227,7 +226,6 @@ export const SmsTraiEdit = (props) => {
           injectedTagsParams: injectedTags,
           location,
           tagModule: getDefaultTags,
-          eventContextTags,
         }) || {};
       updateIsTagValidationError(
         tagValidationResponse.unsupportedTags.length > 0,
@@ -571,7 +569,6 @@ export const SmsTraiEdit = (props) => {
                     injectedTags={injectedTags || {}}
                     hidePopover={disablehandler()}
                     selectedOfferDetails={selectedOfferDetails}
-                    eventContextTags={eventContextTags}
                   />
                 }
               />

package/v2Containers/SmsWrapper/index.js

@@ -29,7 +29,6 @@ const SmsWrapper = (props) => {
     handleClose,
     smsRegister,
     onShowTemplates,
-    eventContextTags,
   } = props;
 
   const smsProps = {
@@ -45,7 +44,6 @@ const SmsWrapper = (props) => {
     selectedOfferDetails,
     onPreviewContentClicked,
     onTestContentClicked,
-    eventContextTags,
   };
   const isTraiDlt = isTraiDLTEnable(isFullMode, smsRegister);
   return <>

package/v2Containers/TagList/index.js

@@ -22,7 +22,6 @@ import './_tagList.scss';
 import { selectCurrentOrgDetails, makeSelectFetchingSchemaError } from '../Cap/selectors';
 import { injectIntl } from 'react-intl';
 import { scope } from './messages';
-import messages from './messages';
 import { handleInjectedData, hasGiftVoucherFeature, hasPromoFeature, hasBadgesFeature, transformBadgeTags } from '../../utils/common';
 import { GIFT_VOUCHER_RELATED_TAGS, PROMO_ENGINE_RELATED_TAGS, BADGES_RELATED_TAGS, BADGES_ENROLL, BADGES_ISSUE } from '../../containers/App/constants';
 
@@ -84,9 +83,7 @@ export class TagList extends React.Component { // eslint-disable-line react/pref
   generateTags = (props) => {
     let tags = {};
     let injectedTags = {};
-    const eventContextTagsObj = {};
-
-    const {selectedOfferDetails, eventContextTags } = props;
+    const {selectedOfferDetails } = props;
     if (props.injectedTags && !_.isEmpty(props.injectedTags)) {
       const formattedInjectedTags = handleInjectedData(
         props.injectedTags,
@@ -104,27 +101,7 @@ export class TagList extends React.Component { // eslint-disable-line react/pref
         this.transformCouponTags(selectedOfferDetails, tags);
       }
     }
-    if (eventContextTags?.length) {
-      const TAG_HEADER_MSG_LABEL = this.props.intl.formatMessage(messages.tagsBasedOnEntryTriggerEvent);
-      eventContextTagsObj.EventContextTags = {
-        name: TAG_HEADER_MSG_LABEL,
-        desc: TAG_HEADER_MSG_LABEL,
-        resolved: true,
-        'tag-header': true,
-        subtags: {},
-      };
-      // Journey event context tags also should be displayed in the Add Labels.
-      eventContextTags.forEach((tag) => {
-        if (tag?.tagName) {
-          eventContextTagsObj.EventContextTags.subtags[tag?.tagName] = {
-              name: tag?.tagName,
-              desc: tag?.tagName,
-              resolved: true
-          }
-        }
-      });
-    }
-    this.setState({tags: _.merge( {}, tags, injectedTags, eventContextTagsObj )});
+    this.setState({tags: _.merge( {}, tags, injectedTags)});
   }
   populateTags(tagsList) {
     const mainTags = {};
@@ -341,7 +318,6 @@ TagList.propTypes = {
   channel: PropTypes.string,
   disabled: PropTypes.bool,
   fetchingSchemaError: PropTypes.bool,
-  eventContextTags: PropTypes.array,
 };
 
 const mapStateToProps = createStructuredSelector({

package/v2Containers/TagList/messages.js

@@ -11,8 +11,4 @@ export default defineMessages({
     id: `${scope}.header`,
     defaultMessage: 'This is TagList container !',
   },
-  tagsBasedOnEntryTriggerEvent: {
-    id: `${scope}.tagsBasedOnEntryTriggerEvent`,
-    defaultMessage: 'Tags based on entry trigger event',
-  },
 });

package/v2Containers/Viber/index.js

@@ -71,7 +71,6 @@ export const Viber = (props) => {
     viberData = {},
     selectedOfferDetails = [],
     currentOrgDetails,
-    eventContextTags,
   } = props || {};
 
   const { formatMessage } = intl;
@@ -271,7 +270,6 @@ export const Viber = (props) => {
           id={"viber_tags"}
           userLocale={localStorage.getItem("jlocale") || "en"}
           selectedOfferDetails={selectedOfferDetails}
-          eventContextTags={eventContextTags}
         />
       </CapColumn>
       <div className="viber-textarea-wrapper">

package/v2Containers/Whatsapp/index.js

@@ -128,8 +128,7 @@ export const Whatsapp = (props) => {
     loadingTags,
     getFormData,
     selectedOfferDetails,
-    currentOrgDetails,
-    eventContextTags,
+    currentOrgDetails
   } = props || {};
   const { formatMessage } = intl;
   const { TextArea } = CapInput;
@@ -502,7 +501,6 @@ export const Whatsapp = (props) => {
           injectedTagsParams: injectedTags,
           location,
           tagModule: getDefaultTags,
-          eventContextTags,
         }) || {};
       const unsupportedTagsLengthCheck =
         validationResponse?.unsupportedTags?.length > 0;
@@ -2053,7 +2051,6 @@ const isAuthenticationTemplate = isEqual(templateCategory, WHATSAPP_CATEGORIES.a
                 onContextChange={handleOnTagsContextChange}
                 injectedTags={injectedTags || {}}
                 selectedOfferDetails={selectedOfferDetails}
-                eventContextTags={eventContextTags}
               />
             )
           }

package/v2Containers/Zalo/index.js

@@ -65,7 +65,6 @@ export const Zalo = (props) => {
     injectedTags,
     getFormData,
     selectedOfferDetails,
-    eventContextTags,
   } = props || {};
   const {hostName = ''} = senderDetails;
   const { formatMessage } = intl;
@@ -256,7 +255,6 @@ export const Zalo = (props) => {
         injectedTagsParams: injectedTags,
         location,
         tagModule: getDefaultTags,
-        eventContextTags,
       }) || {};
     const { unsupportedTags = [], isBraceError } = tagValidationResponse;
     let tagError = '';
@@ -446,7 +444,6 @@ export const Zalo = (props) => {
                     injectedTags={injectedTags || {}}
                     selectedOfferDetails={selectedOfferDetails}
                     disabled={isFullMode}
-                    eventContextTags={eventContextTags}
                   />
                 }
               />