@capillarytech/creatives-library 8.0.306 → 8.0.307-alpha.5

package/v2Containers/EmailWrapper/components/EmailWrapperView.js

@@ -173,6 +173,7 @@ const EmailWrapperView = ({
   forwardedTags,
   selectedOfferDetails,
   eventContextTags,
+  waitEventContextTags,
   getFormdata,
   isGetFormData,
   getLiquidTags,
@@ -246,6 +247,7 @@ const EmailWrapperView = ({
     globalActions,
     loadingTags,
     eventContextTags,
+    waitEventContextTags,
     forwardedTags,
     selectedOfferDetails,
     currentOrgDetails,
@@ -371,6 +373,7 @@ EmailWrapperView.propTypes = {
   forwardedTags: PropTypes.object,
   selectedOfferDetails: PropTypes.array,
   eventContextTags: PropTypes.array,
+  waitEventContextTags: PropTypes.object,
   emailActions: PropTypes.object,
   Email: PropTypes.object,
   templateData: PropTypes.object,

package/v2Containers/EmailWrapper/components/__tests__/EmailHTMLEditor.test.js

@@ -367,6 +367,7 @@ const defaultProps = {
   },
   loadingTags: false,
   eventContextTags: [],
+  waitEventContextTags: {},
   forwardedTags: {},
   selectedOfferDetails: [],
   currentOrgDetails: {

package/v2Containers/EmailWrapper/components/__tests__/EmailWrapperView.test.js

@@ -137,6 +137,7 @@ const defaultProps = {
   forwardedTags: {},
   selectedOfferDetails: [],
   eventContextTags: [],
+  waitEventContextTags: {},
   getFormdata: jest.fn(),
   isGetFormData: false,
   getLiquidTags: jest.fn(),

package/v2Containers/EmailWrapper/hooks/useEmailWrapper.js

@@ -51,6 +51,7 @@ const useEmailWrapper = ({
   editor,
   moduleType,
   eventContextTags,
+  waitEventContextTags,
   isLoyaltyModule,
   // Props for CmsTemplates component
   cmsTemplatesLoader,
@@ -737,6 +738,7 @@ const useEmailWrapper = ({
       selectedEditorMode, // Pass selected mode to Email component (only for HTML_EDITOR)
       moduleType,
       eventContextTags,
+      waitEventContextTags,
       isLoyaltyModule,
       showTestAndPreviewSlidebox,
       handleTestAndPreview,
@@ -766,6 +768,7 @@ const useEmailWrapper = ({
     editor,
     moduleType,
     eventContextTags,
+    waitEventContextTags,
     isLoyaltyModule,
     showTestAndPreviewSlidebox,
     handleTestAndPreview,

package/v2Containers/EmailWrapper/index.js

@@ -63,6 +63,7 @@ const EmailWrapper = (props) => {
     onEnterTemplateName,
     onRemoveTemplateName,
     eventContextTags,
+    waitEventContextTags,
     isLoyaltyModule,
     cmsTemplatesLoader,
     onPreviewContentClicked,
@@ -130,6 +131,7 @@ const EmailWrapper = (props) => {
     onEnterTemplateName,
     onRemoveTemplateName,
     eventContextTags,
+    waitEventContextTags,
     isLoyaltyModule,
     cmsTemplatesLoader,
     onPreviewContentClicked,
@@ -184,6 +186,7 @@ const EmailWrapper = (props) => {
         forwardedTags={forwardedTags}
         selectedOfferDetails={selectedOfferDetails}
         eventContextTags={eventContextTags}
+        waitEventContextTags={waitEventContextTags}
         getFormdata={getFormdata}
         isGetFormData={isGetFormData}
         getLiquidTags={globalActionsProp?.getLiquidTags}
@@ -241,6 +244,7 @@ EmailWrapper.propTypes = {
   onEnterTemplateName: PropTypes.func,
   onRemoveTemplateName: PropTypes.func,
   eventContextTags: PropTypes.array,
+  waitEventContextTags: PropTypes.object,
   isLoyaltyModule: PropTypes.bool,
   onPreviewContentClicked: PropTypes.func,
   onTestContentClicked: PropTypes.func,

package/v2Containers/EmailWrapper/tests/useEmailWrapper.edgeCases.test.js

@@ -112,6 +112,7 @@ describe('useEmailWrapper - Edge Cases', () => {
       editor: 'HTML',
       moduleType: null,
       eventContextTags: [],
+      waitEventContextTags: {},
       isLoyaltyModule: false,
       cmsTemplatesLoader: jest.fn(),
       currentOrgDetails: {},

package/v2Containers/EmailWrapper/tests/useEmailWrapper.test.js

@@ -102,6 +102,7 @@ describe('useEmailWrapper', () => {
       editor: null,
       moduleType: '',
       eventContextTags: [],
+      waitEventContextTags: {},
       isLoyaltyModule: false,
       cmsTemplatesLoader: false,
       currentOrgDetails: { id: 'org1' },

package/v2Containers/InApp/index.js

@@ -1113,6 +1113,7 @@ export const InApp = (props) => {
         messages: formBuilderMessages,
         tagLookupMap: metaEntities?.tagLookupMap || {},
         eventContextTags: metaEntities?.eventContextTags || [],
+        waitEventContextTags: metaEntities?.waitEventContextTags || {},
         isLiquidFlow,
         forwardedTags: {},
         skipTags: (tag) => {
@@ -1161,6 +1162,7 @@ export const InApp = (props) => {
           tagModule: getDefaultTags,
           eventContextTags: metaEntities?.eventContextTags || [],
           isFullMode,
+          waitEventContextTags: metaEntities?.waitEventContextTags || {},
         }) || {};
 
         if (validationResponse?.unsupportedTags?.length > 0) {
@@ -1189,6 +1191,7 @@ export const InApp = (props) => {
           tagModule: getDefaultTags,
           eventContextTags: metaEntities?.eventContextTags || [],
           isFullMode,
+          waitEventContextTags: metaEntities?.waitEventContextTags || {},
         }) || {};
 
         if (validationResponse?.unsupportedTags?.length > 0) {

package/v2Containers/InAppWrapper/hooks/__tests__/useInAppWrapper.test.js

@@ -78,6 +78,7 @@ describe('useInAppWrapper', () => {
     onPreviewContentClicked: jest.fn(),
     onTestContentClicked: jest.fn(),
     eventContextTags: {},
+    waitEventContextTags: {},
     onCreateComplete: jest.fn(),
     handleClose: jest.fn(),
     templateData: null,

package/v2Containers/InAppWrapper/hooks/useInAppWrapper.js

@@ -33,6 +33,7 @@ const useInAppWrapper = ({
   onPreviewContentClicked,
   onTestContentClicked,
   eventContextTags,
+  waitEventContextTags,
   onCreateComplete,
   handleClose,
   templateData,
@@ -149,6 +150,7 @@ const useInAppWrapper = ({
       onPreviewContentClicked,
       onTestContentClicked,
       eventContextTags,
+      waitEventContextTags,
       onCreateComplete,
       handleClose,
     };
@@ -173,6 +175,7 @@ const useInAppWrapper = ({
     onPreviewContentClicked,
     onTestContentClicked,
     eventContextTags,
+    waitEventContextTags,
     onCreateComplete,
     handleClose,
   ]);

package/v2Containers/InAppWrapper/index.js

@@ -36,6 +36,7 @@ const InAppWrapper = (props) => {
     onPreviewContentClicked,
     onTestContentClicked,
     eventContextTags,
+    waitEventContextTags,
     onCreateComplete,
     handleClose,
     templateData,
@@ -78,6 +79,7 @@ const InAppWrapper = (props) => {
     onPreviewContentClicked,
     onTestContentClicked,
     eventContextTags,
+    waitEventContextTags,
     onCreateComplete,
     handleClose,
     templateData,
@@ -124,6 +126,7 @@ InAppWrapper.propTypes = {
   onPreviewContentClicked: PropTypes.func,
   onTestContentClicked: PropTypes.func,
   eventContextTags: PropTypes.array,
+  waitEventContextTags: PropTypes.object,
   onCreateComplete: PropTypes.func,
   handleClose: PropTypes.func,
   templateData: PropTypes.object,

package/v2Containers/InappAdvance/index.js

@@ -838,6 +838,7 @@ export const InappAdvanced = (props) => {
         messages: formBuilderMessages,
         tagLookupMap: metaEntities?.tagLookupMap || {},
         eventContextTags: metaEntities?.eventContextTags || [],
+        waitEventContextTags: metaEntities?.waitEventContextTags || {},
         isLiquidFlow,
         forwardedTags: {},
         skipTags: (tag) => {
@@ -886,6 +887,7 @@ export const InappAdvanced = (props) => {
           tagModule: getDefaultTags,
           eventContextTags: metaEntities?.eventContextTags || [],
           isFullMode,
+          waitEventContextTags: metaEntities?.waitEventContextTags || {},
         }) || {};
 
         if (validationResponse?.unsupportedTags?.length > 0) {
@@ -914,6 +916,7 @@ export const InappAdvanced = (props) => {
           tagModule: getDefaultTags,
           eventContextTags: metaEntities?.eventContextTags || [],
           isFullMode,
+          waitEventContextTags: metaEntities?.waitEventContextTags || {},
         }) || {};
 
         if (validationResponse?.unsupportedTags?.length > 0) {

package/v2Containers/MobilePush/Create/index.js

@@ -1927,6 +1927,7 @@ export class Create extends React.Component { // eslint-disable-line react/prefe
                 hideTestAndPreviewBtn={this.props.hideTestAndPreviewBtn}
                 isFullMode={this.props.isFullMode}
                 eventContextTags={this.props?.eventContextTags}
+                waitEventContextTags={this.props?.waitEventContextTags}
                 messageDetails={this.props?.messageDetails}
                 restrictPersonalization={this.props.restrictPersonalization}
               />
@@ -2029,6 +2030,7 @@ Create.propTypes = {
   onPreviewContentClicked: PropTypes.func,
   onTestContentClicked: PropTypes.func,
   eventContextTags: PropTypes.array,
+  waitEventContextTags: PropTypes.object,
   showLiquidErrorInFooter: PropTypes.func,
   showTestAndPreviewSlidebox: PropTypes.bool,
   handleTestAndPreview: PropTypes.func,

package/v2Containers/MobilePush/Edit/index.js

@@ -2206,6 +2206,7 @@ export class Edit extends React.Component { // eslint-disable-line react/prefer-
                 hideTestAndPreviewBtn={this.props.hideTestAndPreviewBtn}
                 isFullMode={this.props.isFullMode}
                 eventContextTags={this.props?.eventContextTags}
+                waitEventContextTags={this.props?.waitEventContextTags}
                 restrictPersonalization={this.props.restrictPersonalization}
               />;
               })()}
@@ -2312,6 +2313,7 @@ Edit.propTypes = {
   onTestContentClicked: PropTypes.func,
   creativesMode: PropTypes.string,
   eventContextTags: PropTypes.array,
+  waitEventContextTags: PropTypes.object,
   showLiquidErrorInFooter: PropTypes.func,
   showTestAndPreviewSlidebox: PropTypes.bool,
   handleTestAndPreview: PropTypes.func,

package/v2Containers/MobilePushNew/index.js

@@ -2667,6 +2667,7 @@ const MobilePushNew = ({
       messages: formBuilderMessages,
       tagLookupMap: metaEntities?.tagLookupMap || {},
       eventContextTags: metaEntities?.eventContextTags || [],
+      waitEventContextTags: metaEntities?.waitEventContextTags || [],
       isLiquidFlow: hasLiquidSupportFeature(),
       forwardedTags: {},
       skipTags: (tag) => {

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 = [], showTestAndPreviewSlidebox, handleTestAndPreview, handleCloseTestAndPreview, restrictPersonalization, isAnonymousType, onPersonalizationTokensChange} = this.props;
+    const {mobilePushCreateMode, step, getFormData, setIsLoadingContent, isGetFormData, query, isFullMode, showTemplateName, type, onValidationFail, onPreviewContentClicked, onTestContentClicked, templateData, eventContextTags = [], waitEventContextTags = {}, showTestAndPreviewSlidebox, handleTestAndPreview, handleCloseTestAndPreview, restrictPersonalization, isAnonymousType, onPersonalizationTokensChange} = this.props;
     const {templateName} = this.state;
     const isShowMobilepushCreate = !isEmpty(mobilePushCreateMode);
     return (
@@ -120,6 +120,7 @@ export class MobilepushWrapper extends React.Component { // eslint-disable-line
               templateData={templateData}
               hideTestAndPreviewBtn={this.props.hideTestAndPreviewBtn}
               eventContextTags={eventContextTags}
+              waitEventContextTags={waitEventContextTags}
               showLiquidErrorInFooter={this.props.showLiquidErrorInFooter}
               showTestAndPreviewSlidebox={showTestAndPreviewSlidebox}
               handleTestAndPreview={handleTestAndPreview}
@@ -153,6 +154,7 @@ MobilepushWrapper.propTypes = {
   type: PropTypes.string,
   onValidationFail: PropTypes.func,
   eventContextTags: PropTypes.array,
+  waitEventContextTags: PropTypes.object,
   showLiquidErrorInFooter: PropTypes.func,
   showTestAndPreviewSlidebox: PropTypes.bool,
   handleTestAndPreview: PropTypes.func,

package/v2Containers/Rcs/index.js

@@ -150,6 +150,7 @@ export const Rcs = (props) => {
     selectedOfferDetails,
     currentOrgDetails,
     eventContextTags,
+    waitEventContextTags,
     accountData = {},
     // TestAndPreviewSlidebox props
     showTestAndPreviewSlidebox: propsShowTestAndPreviewSlidebox,
@@ -399,6 +400,7 @@ export const Rcs = (props) => {
       location,
       tagModule: getDefaultTags,
       eventContextTags,
+      waitEventContextTags,
       isFullMode,
     }) || {};
     const unsupportedTagsLengthCheck =

package/v2Containers/Sms/Create/index.js

@@ -1060,6 +1060,7 @@ export class Create extends React.Component { // eslint-disable-line react/prefe
                 onTestContentClicked={this.props.onTestContentClicked}
                 onPreviewContentClicked={this.props.onPreviewContentClicked}
                 eventContextTags={this.props?.eventContextTags}
+                waitEventContextTags={this.props?.waitEventContextTags}
               />
             </CapColumn>
           </CapRow>
@@ -1096,6 +1097,7 @@ Create.propTypes = {
   isLoadingMetaEntities: PropTypes.bool,
   selectedOfferDetails: PropTypes.array,
   eventContextTags: PropTypes.array,
+  waitEventContextTags: PropTypes.object,
   showTestAndPreviewSlidebox: PropTypes.bool,
   handleTestAndPreview: PropTypes.func,
   handleCloseTestAndPreview: PropTypes.func,

package/v2Containers/Sms/Edit/index.js

@@ -1059,6 +1059,7 @@ export class Edit extends React.Component { // eslint-disable-line react/prefer-
                 onPreviewContentClicked={this.props.onPreviewContentClicked}
                 onTestContentClicked={this.props.onTestContentClicked}
                 eventContextTags={this.props?.eventContextTags}
+                waitEventContextTags={this.props?.waitEventContextTags}
                 messageDetails={this.props?.messageDetails}
               />
             </CapColumn>
@@ -1099,6 +1100,7 @@ Edit.propTypes = {
   injectedTags: PropTypes.object,
   selectedOfferDetails: PropTypes.array,
   eventContextTags: PropTypes.array,
+  waitEventContextTags: PropTypes.object,
   messageDetails: PropTypes.object,
   showTestAndPreviewSlidebox: PropTypes.bool,
   handleTestAndPreview: PropTypes.func,

package/v2Containers/SmsTrai/Edit/index.js

@@ -83,6 +83,7 @@ export const SmsTraiEdit = (props) => {
     templateData = {},
     selectedOfferDetails,
     eventContextTags,
+    waitEventContextTags,
     fetchingLiquidTags,
     getLiquidTags,
   } = props || {};
@@ -244,6 +245,7 @@ export const SmsTraiEdit = (props) => {
           location,
           tagModule: getDefaultTags,
           eventContextTags,
+          waitEventContextTags,
           isFullMode,
         }) || {};
       updateIsTagValidationError(
@@ -315,6 +317,7 @@ export const SmsTraiEdit = (props) => {
       onSuccess,
       tagLookupMap: metaEntities?.tagLookupMap,
       eventContextTags,
+      waitEventContextTags,
       isLiquidFlow: true,
       forwardedTags: {},
     });
@@ -657,6 +660,7 @@ export const SmsTraiEdit = (props) => {
                     hidePopover={disablehandler()}
                     selectedOfferDetails={selectedOfferDetails}
                     eventContextTags={eventContextTags}
+                    waitEventContextTags={waitEventContextTags}
                   />
                 )}
               />

package/v2Containers/SmsWrapper/index.js

@@ -30,6 +30,7 @@ const SmsWrapper = (props) => {
     smsRegister,
     onShowTemplates,
     eventContextTags,
+    waitEventContextTags,
     showLiquidErrorInFooter,
     getLiquidTags,
     showTestAndPreviewSlidebox,
@@ -52,6 +53,7 @@ const SmsWrapper = (props) => {
     onPreviewContentClicked,
     onTestContentClicked,
     eventContextTags,
+    waitEventContextTags,
     showLiquidErrorInFooter,
     getLiquidTags,
     showTestAndPreviewSlidebox,

package/v2Containers/TagList/index.js

@@ -167,7 +167,7 @@ export class TagList extends React.Component { // eslint-disable-line react/pref
     let injectedTags = {};
     const eventContextTagsObj = {};
 
-    const {selectedOfferDetails, eventContextTags } = props;
+    const {selectedOfferDetails, eventContextTags, waitEventContextTags } = props;
     if (props.injectedTags && !_.isEmpty(props.injectedTags)) {
       const formattedInjectedTags = handleInjectedData(
         props.injectedTags,
@@ -219,6 +219,43 @@ export class TagList extends React.Component { // eslint-disable-line react/pref
         };
       });
     }
+    // Wait event context tags should be displayed in the Add Labels when node is next to Event based wait node.
+    if (Object.keys(waitEventContextTags)?.length) {
+
+      Object.keys(waitEventContextTags).forEach((blockId) => {
+      const WAIT_EVENT_HEADER_MSG_LABEL = `${waitEventContextTags[blockId].eventName} (${waitEventContextTags[blockId].blockName})`;
+        eventContextTagsObj[blockId] = {
+          "name": WAIT_EVENT_HEADER_MSG_LABEL,
+          "desc": WAIT_EVENT_HEADER_MSG_LABEL,
+          "resolved": true,
+          'tag-header': true,
+          "subtags": {},
+        };
+
+      waitEventContextTags?.[blockId]?.tags?.forEach((tag) => {
+        const {
+          tagName, label, profileId, profileName, blockName, eventName
+        } = tag || {};
+        if (!profileId || !tagName || !label || !profileName) return;
+        // Initializing the tags profile if it doesn't exist
+        if (!eventContextTagsObj?.[blockId]?.subtags?.[profileId]) {
+          eventContextTagsObj[blockId].subtags[profileId] = {
+            "name": profileName,
+            "desc": profileName,
+            "resolved": true,
+            'tag-header': true,
+            "subtags": {},
+          };
+        }
+        // Adding the current tag to the profile group
+        eventContextTagsObj[blockId].subtags[profileId].subtags[tagName] = {
+          name: label,
+          desc: label,
+          resolved: true,
+        };
+      });
+    });
+    }
     this.setState({tags: _.merge( {}, tags, injectedTags, eventContextTagsObj )});
   }
 
@@ -406,7 +443,7 @@ export class TagList extends React.Component { // eslint-disable-line react/pref
       isDisabled = true;
       tooltipMsg = intl.formatMessage(messages.personalizationNotSupportedAnonymous);
     }
-    
+
     return (
       <div className={this.props.className ? this.props.className : ''}>
         <CapTagList
@@ -437,6 +474,7 @@ TagList.defaultProps = {
   isNewVersionFlow: false,
   userLocale: 'en',
   eventContextTags: [],
+  waitEventContextTags: {},
 };
 
 TagList.propTypes = {
@@ -457,6 +495,7 @@ TagList.propTypes = {
   disabled: PropTypes.bool,
   fetchingSchemaError: PropTypes.bool,
   eventContextTags: PropTypes.array,
+  waitEventContextTags: PropTypes.object,
   popoverPlacement: PropTypes.string,
   // message to show when Add Label button is disabled (e.g. personalization restriction)
   disableTooltipMsg: PropTypes.string,

package/v2Containers/TagList/messages.js

@@ -19,4 +19,8 @@ export default defineMessages({
     id: `${scope}.personalizationNotSupportedAnonymous`,
     defaultMessage: 'Personalization tags are not supported for anonymous customers',
   },
+  waitEvent: {
+    id: `${scope}.waitEvent`,
+    defaultMessage: 'Wait Event',
+  },
 });

package/v2Containers/TagList/tests/TagList.test.js

@@ -5,7 +5,7 @@ import { initialReducer } from '../../../initialReducer';
 import { injectIntl } from "react-intl";
 import { fireEvent } from "@testing-library/react";
 import { TagList } from '../index';
-import { TagListData, eventContextTags } from './mockdata';
+import { TagListData, eventContextTags, waitEventContextTags } from './mockdata';
 import { Provider } from 'react-redux';
 import { screen, render } from '../../../utils/test-utils';
 import history from '../../../utils/history';
@@ -56,4 +56,16 @@ describe("TagList test :  UNIT", () => {
     const BEHAVIOURAL_EVENT_PROFILE = queryByText(/Behavioural event/i);
     expect(BEHAVIOURAL_EVENT_PROFILE).not.toBeInTheDocument();
   });
+
+  it('should render wait event context tags when waitEventContextTags is provided', () => {
+    initializeTagList({ waitEventContextTags });
+    addLabelBtnAssertion();
+    const WAIT_EVENT_HEADER = getByText(/Order Placed \(Wait Block\)/i);
+    expect(WAIT_EVENT_HEADER).toBeInTheDocument();
+    fireEvent.click(WAIT_EVENT_HEADER);
+    const ORDER_PROFILE = getByText(/Order Profile/i);
+    expect(ORDER_PROFILE).toBeInTheDocument();
+    fireEvent.click(ORDER_PROFILE);
+    expect(getByText(/Order ID/i)).toBeInTheDocument();
+  });
 });

package/v2Containers/TagList/tests/mockdata.js

@@ -149,3 +149,20 @@ export const eventContextTags = [
         "isDynamicFact": false
     }
 ];
+
+export const waitEventContextTags = {
+  block1: {
+    eventName: 'Order Placed',
+    blockName: 'Wait Block',
+    tags: [
+      {
+        tagName: 'waitEvent.orderId',
+        label: 'Order ID',
+        profileId: 'ORDER_PROFILE',
+        profileName: 'Order Profile',
+        blockName: 'Wait Block',
+        eventName: 'Order Placed',
+      },
+    ],
+  },
+};

package/v2Containers/Viber/index.js

@@ -83,6 +83,7 @@ export const Viber = (props) => {
     selectedOfferDetails = [],
     currentOrgDetails,
     eventContextTags,
+    waitEventContextTags,
     // TestAndPreviewSlidebox props
     showTestAndPreviewSlidebox: propsShowTestAndPreviewSlidebox,
     handleTestAndPreview: propsHandleTestAndPreview,
@@ -237,6 +238,8 @@ export const Viber = (props) => {
       injectedTagsParams: injectedTags,
       location,
       tagModule: 'outbound',
+      eventContextTags,
+      waitEventContextTags,
       isFullMode,
     }) || {};
     if (value.trim() === '') {
@@ -292,6 +295,7 @@ export const Viber = (props) => {
           userLocale={localStorage.getItem("jlocale") || "en"}
           selectedOfferDetails={selectedOfferDetails}
           eventContextTags={eventContextTags}
+          waitEventContextTags={waitEventContextTags}
         />
       </CapColumn>
       <div className="viber-textarea-wrapper">
@@ -597,6 +601,7 @@ export const Viber = (props) => {
         userLocale={localStorage.getItem("jlocale") || "en"}
         selectedOfferDetails={selectedOfferDetails}
         eventContextTags={eventContextTags}
+        waitEventContextTags={waitEventContextTags}
       />
       <CapColumn className="cta-actions">
         <CapButton

package/v2Containers/WebPush/Create/hooks/useTagManagement.js

@@ -24,6 +24,7 @@ export const useTagManagement = ({
   supportedTags = EMPTY_ARRAY,
   injectedTags,
   eventContextTags = EMPTY_ARRAY,
+  waitEventContextTags = EMPTY_ARRAY,
 }) => {
   const [tags, setTags] = useState([]);
   const tagFetchKeyRef = useRef(null);
@@ -109,8 +110,9 @@ export const useTagManagement = ({
       location,
       tagModule: getDefaultTags,
       eventContextTags,
+      waitEventContextTags,
     }),
-    [tags, injectedTags, location, getDefaultTags, eventContextTags],
+    [tags, injectedTags, location, getDefaultTags, eventContextTags, waitEventContextTags],
   );
 
   return {

package/v2Containers/WebPush/Create/hooks/useTagManagement.test.js

@@ -530,6 +530,7 @@ describe('useTagManagement', () => {
     it('should return validation config with tags', () => {
       const injectedTags = [{ id: 5, name: 'Injected Tag' }];
       const eventContextTags = [{ id: 6, name: 'Event Tag' }];
+      const waitEventContextTags = [];
 
       const { result } = renderHook(() =>
         useTagManagement({
@@ -538,6 +539,7 @@ describe('useTagManagement', () => {
           metaEntities: defaultMetaEntities,
           injectedTags,
           eventContextTags,
+          waitEventContextTags,
           getDefaultTags: 'custom',
         })
       );
@@ -548,6 +550,7 @@ describe('useTagManagement', () => {
         location: defaultLocation,
         tagModule: 'custom',
         eventContextTags,
+        waitEventContextTags,
       });
     });
 

package/v2Containers/WebPush/Create/index.js

@@ -83,6 +83,7 @@ const MemoizedTagList = memo(({
   injectedTags,
   selectedOfferDetails,
   eventContextTags,
+  waitEventContextTags,
   forwardedTags,
   onTagSelect,
   restrictPersonalization = false,
@@ -98,6 +99,7 @@ const MemoizedTagList = memo(({
     injectedTags={injectedTags}
     selectedOfferDetails={selectedOfferDetails}
     eventContextTags={eventContextTags}
+    waitEventContextTags={waitEventContextTags}
     forwardedTags={forwardedTags}
     onTagSelect={onTagSelect}
     restrictPersonalization={restrictPersonalization}
@@ -115,6 +117,7 @@ const MemoizedTagList = memo(({
     && prevProps.injectedTags === nextProps.injectedTags
     && prevProps.selectedOfferDetails === nextProps.selectedOfferDetails
     && prevProps.eventContextTags === nextProps.eventContextTags
+    && prevProps.waitEventContextTags === nextProps.waitEventContextTags
     && prevProps.forwardedTags === nextProps.forwardedTags
     && prevProps.onTagSelect === nextProps.onTagSelect
     && prevProps.restrictPersonalization === nextProps.restrictPersonalization
@@ -151,6 +154,7 @@ const WebPushCreate = ({
   forwardedTags,
   selectedOfferDetails = [],
   eventContextTags = [],
+  waitEventContextTags = {},
   templateActions: templateActionsProps,
   Templates,
   restrictPersonalization = false,
@@ -230,6 +234,7 @@ const WebPushCreate = ({
     supportedTags: memoizedSupportedTags,
     injectedTags,
     eventContextTags,
+    waitEventContextTags,
   });
   const { tags, handleOnTagsContextChange, validationConfig } = tagState;
   const { weCrmAccounts } = Templates;
@@ -835,12 +840,13 @@ const WebPushCreate = ({
       injectedTags,
       selectedOfferDetails,
       eventContextTags,
+      waitEventContextTags,
       forwardedTags,
       restrictPersonalization,
       disabled: restrictPersonalization,
       disableTooltipMsg: restrictPersonalization ? formatMessage(messages.personalizationNotSupportedAnonymous) : undefined,
     }),
-    [tags, injectedTags, selectedOfferDetails, eventContextTags, forwardedTags, restrictPersonalization, formatMessage],
+    [tags, injectedTags, selectedOfferDetails, eventContextTags, waitEventContextTags, forwardedTags, restrictPersonalization, formatMessage],
   );
 
   // Memoized TagList components with optimized props
@@ -1080,6 +1086,7 @@ WebPushCreate.propTypes = {
   forwardedTags: PropTypes.object,
   selectedOfferDetails: PropTypes.array,
   eventContextTags: PropTypes.array,
+  waitEventContextTags: PropTypes.object,
   templateActions: PropTypes.object,
   restrictPersonalization: PropTypes.bool,
 };
@@ -1108,6 +1115,7 @@ WebPushCreate.defaultProps = {
   forwardedTags: {},
   selectedOfferDetails: [],
   eventContextTags: [],
+  waitEventContextTags: {},
   templateActions: {},
   Templates: {},
   restrictPersonalization: false,