@capillarytech/creatives-library 8.0.330-alpha.0 → 8.0.330-alpha.2

package/v2Containers/Rcs/tests/utils.test.js

@@ -41,38 +41,26 @@ describe('RCS utils - renderRcsSuggestionsPreview', () => {
     },
   };
 
-  it('renders divider and QUICK_REPLY suggestion with small-link icon', () => {
+  const renderWithSuggestion = (buttonType, text) => {
     const template = JSON.parse(JSON.stringify(templateBase));
     template.versions.base.content[RCS].rcsContent.cardContent[0].suggestions = [
-      { type: RCS_BUTTON_TYPES.QUICK_REPLY, text: 'Reply' },
+      { type: buttonType, text },
     ];
     render(getRCSContent(template));
-    expect(document.querySelectorAll('.whatsapp-divider').length).toBeGreaterThan(0);
-    const labels = document.querySelectorAll('.rcs-cta-preview');
-    expect(labels.length).toBe(1);
-    expect(labels[0].textContent).toContain('Reply');
-  });
-
-  it('renders CTA suggestion with launch icon', () => {
-    const template = JSON.parse(JSON.stringify(templateBase));
-    template.versions.base.content[RCS].rcsContent.cardContent[0].suggestions = [
-      { type: RCS_BUTTON_TYPES.CTA, text: 'Visit' },
-    ];
-    render(getRCSContent(template));
-    const labels = document.querySelectorAll('.rcs-cta-preview');
-    expect(labels.length).toBe(1);
-    expect(labels[0].textContent).toContain('Visit');
-  });
+  };
 
-  it('renders PHONE_NUMBER suggestion with call icon', () => {
-    const template = JSON.parse(JSON.stringify(templateBase));
-    template.versions.base.content[RCS].rcsContent.cardContent[0].suggestions = [
-      { type: RCS_BUTTON_TYPES.PHONE_NUMBER, text: 'Call' },
-    ];
-    render(getRCSContent(template));
+  it.each([
+    [RCS_BUTTON_TYPES.QUICK_REPLY, 'Reply', true],
+    [RCS_BUTTON_TYPES.CTA, 'Visit', false],
+    [RCS_BUTTON_TYPES.PHONE_NUMBER, 'Call', false],
+  ])('renders %s suggestion with expected label', (buttonType, text, expectDivider) => {
+    renderWithSuggestion(buttonType, text);
+    if (expectDivider) {
+      expect(document.querySelectorAll('.whatsapp-divider').length).toBeGreaterThan(0);
+    }
     const labels = document.querySelectorAll('.rcs-cta-preview');
     expect(labels.length).toBe(1);
-    expect(labels[0].textContent).toContain('Call');
+    expect(labels[0].textContent).toContain(text);
   });
 
   it('renders only divider for unknown suggestion type', () => {
@@ -97,16 +85,17 @@ describe('RCS utils - renderRcsSuggestionsPreview', () => {
 
 describe('RCS utils', () => {
   describe('getRCSContent', () => {
+    /** Single place for snapshot serialization — keeps test bodies focused on template setup. */
+    const expectGetRCSContentSnapshot = (template) => {
+      expect(renderer.create(getRCSContent(template)).toJSON()).toMatchSnapshot();
+    };
+
     it('renders RCS content with image and CTA suggestion', () => {
-      const template = mockData.editData1.templateDetails;
-      const tree = renderer.create(getRCSContent(template)).toJSON();
-      expect(tree).toMatchSnapshot();
+      expectGetRCSContentSnapshot(mockData.editData1.templateDetails);
     });
 
     it('renders RCS content with no media', () => {
-      const template = mockData.editData3.templateDetails;
-      const tree = renderer.create(getRCSContent(template)).toJSON();
-      expect(tree).toMatchSnapshot();
+      expectGetRCSContentSnapshot(mockData.editData3.templateDetails);
     });
 
     it('renders RCS content with multiple suggestion types', () => {
@@ -116,19 +105,212 @@ describe('RCS utils', () => {
         { type: RCS_BUTTON_TYPES.CTA, text: 'URL Action' },
         { type: RCS_BUTTON_TYPES.PHONE_NUMBER, text: 'Call Now' },
       ];
-      const tree = renderer.create(getRCSContent(template)).toJSON();
-      expect(tree).toMatchSnapshot();
+      expectGetRCSContentSnapshot(template);
     });
 
     it('renders RCS content with missing cardContent', () => {
-      const template = { versions: { base: { content: { RCS: { rcsContent: {} } } } } };
-      const tree = renderer.create(getRCSContent(template)).toJSON();
-      expect(tree).toMatchSnapshot();
+      expectGetRCSContentSnapshot({ versions: { base: { content: { RCS: { rcsContent: {} } } } } });
     });
 
     it('renders RCS content with empty template', () => {
-      const tree = renderer.create(getRCSContent({})).toJSON();
-      expect(tree).toMatchSnapshot();
+      expectGetRCSContentSnapshot({});
+    });
+
+    it('renders RCS carousel listing preview when cardType is carousel', () => {
+      const template = JSON.parse(JSON.stringify(mockData.editData1.templateDetails));
+      const rcsContent = template.versions.base.content.RCS.rcsContent;
+      rcsContent.cardType = 'CAROUSEL';
+      rcsContent.cardContent = [
+        {
+          title: 'Card1',
+          description: 'Desc1',
+          media: { mediaUrl: 'https://example.com/1.png' },
+          suggestions: [],
+        },
+        {
+          title: 'Card2',
+          description: 'Desc2',
+          media: { mediaUrl: 'https://example.com/2.png' },
+          suggestions: [],
+        },
+        {
+          title: 'Card3',
+          description: 'Desc3',
+          media: { mediaUrl: 'https://example.com/3.png' },
+          suggestions: [],
+        },
+        {
+          title: 'Card4',
+          description: 'Desc4',
+          media: { mediaUrl: 'https://example.com/4.png' },
+          suggestions: [],
+        },
+      ];
+
+      render(getRCSContent(template));
+      // "Peek" shows max 3
+      expect(document.querySelectorAll('.whatsapp-carousel-container').length).toBe(3);
+      expect(document.querySelectorAll('.scroll-container').length).toBeGreaterThan(0);
+    });
+
+    const carouselTemplate = (cardContent) => ({
+      versions: {
+        base: {
+          content: {
+            [RCS]: {
+              rcsContent: {
+                cardType: 'carousel',
+                cardContent,
+              },
+            },
+          },
+        },
+      },
+    });
+
+    const carouselSecondCardFiller = {
+      title: 'B',
+      description: 'D',
+      media: { mediaUrl: 'https://example.com/b.png' },
+      suggestions: [],
+    };
+
+    it('carousel: video card with thumbnailUrl uses thumbnail (not placeholder)', () => {
+      const template = carouselTemplate([
+        {
+          title: 'Vid',
+          description: 'With thumb',
+          media: {
+            mediaType: 'VIDEO',
+            mediaUrl: 'https://example.com/video.mp4',
+            thumbnailUrl: 'https://example.com/poster.jpg',
+          },
+          suggestions: [],
+        },
+        carouselSecondCardFiller,
+      ]);
+      render(getRCSContent(template));
+      expect(document.querySelector('.rcs-video-preview-placeholder')).toBeFalsy();
+      const firstImg = document.querySelector('.whatsapp-carousel-card .whatsapp-image');
+      expect(firstImg).toBeTruthy();
+      expect(firstImg.getAttribute('src')).toBe('https://example.com/poster.jpg');
+    });
+
+    it('carousel: shows video preview placeholder when VIDEO has mediaUrl but no thumbnail (no img src to mp4)', () => {
+      const template = carouselTemplate([
+        {
+          title: 'Clip',
+          description: 'No thumb',
+          media: {
+            mediaType: 'VIDEO',
+            mediaUrl: 'https://example.com/video.mp4',
+          },
+          suggestions: [],
+        },
+        carouselSecondCardFiller,
+      ]);
+      render(getRCSContent(template));
+      expect(document.querySelector('.rcs-video-preview-placeholder')).toBeTruthy();
+      expect(document.querySelector('.rcs-video-preview-label')?.textContent).toContain('Video preview');
+    });
+
+    it('carousel: uses whatsapp-message-without-media when card has no image/video URL', () => {
+      const template = carouselTemplate([
+        {
+          title: 'Text only',
+          description: 'No media',
+          media: {},
+          suggestions: [],
+        },
+        {
+          title: 'Second',
+          description: '',
+          suggestions: [],
+        },
+      ]);
+      render(getRCSContent(template));
+      const withoutMedia = document.querySelectorAll('.whatsapp-message-without-media');
+      expect(withoutMedia.length).toBeGreaterThan(0);
+    });
+
+    it('carousel: body includes description with newline when description is set', () => {
+      const template = carouselTemplate([
+        {
+          title: 'Head',
+          description: 'Tail line',
+          media: { mediaUrl: 'https://example.com/x.png' },
+          suggestions: [],
+        },
+        {
+          title: 'Y',
+          description: 'Z',
+          media: { mediaUrl: 'https://example.com/y.png' },
+          suggestions: [],
+        },
+      ]);
+      render(getRCSContent(template));
+      const bodies = document.querySelectorAll('.whatsapp-carousel-body');
+      expect(bodies[0].textContent).toContain('Head');
+      expect(bodies[0].textContent).toContain('Tail line');
+    });
+
+    it('carousel: body handles missing title and empty description', () => {
+      const template = carouselTemplate([
+        {
+          description: '',
+          media: { mediaUrl: 'https://example.com/x.png' },
+          suggestions: [],
+        },
+        {
+          title: 'Only title',
+          media: { mediaUrl: 'https://example.com/y.png' },
+          suggestions: [],
+        },
+      ]);
+      render(getRCSContent(template));
+      const bodies = document.querySelectorAll('.whatsapp-carousel-body');
+      expect(bodies[0].textContent.trim()).toBe('');
+      expect(bodies[1].textContent).toContain('Only title');
+    });
+
+    it('carousel: renders per-card suggestions via renderRcsSuggestionsPreview', () => {
+      const template = carouselTemplate([
+        {
+          title: 'C1',
+          description: 'D1',
+          media: { mediaUrl: 'https://example.com/1.png' },
+          suggestions: [{ type: RCS_BUTTON_TYPES.CTA, text: 'Go' }],
+        },
+        {
+          title: 'C2',
+          description: 'D2',
+          media: { mediaUrl: 'https://example.com/2.png' },
+          suggestions: [],
+        },
+      ]);
+      render(getRCSContent(template));
+      expect(document.querySelectorAll('.rcs-cta-preview').length).toBeGreaterThanOrEqual(1);
+      expect(Array.from(document.querySelectorAll('.rcs-cta-preview')).some((el) => el.textContent.includes('Go'))).toBe(true);
+    });
+
+    it('carousel: does not render suggestion block when suggestions missing or not an array', () => {
+      const template = carouselTemplate([
+        {
+          title: 'A',
+          description: 'B',
+          media: { mediaUrl: 'https://example.com/a.png' },
+        },
+        {
+          title: 'C',
+          description: 'D',
+          media: { mediaUrl: 'https://example.com/c.png' },
+          suggestions: null,
+        },
+      ]);
+      render(getRCSContent(template));
+      const firstCard = document.querySelectorAll('.whatsapp-carousel-card')[0];
+      const dividersInFirst = firstCard.querySelectorAll('.whatsapp-divider');
+      expect(dividersInFirst.length).toBe(0);
     });
   });
 

package/v2Containers/Rcs/utils.js

@@ -50,6 +50,13 @@ export const getTemplateStatusType = (templateStatus) => {
   }
 };
 
+/** Localized label for a carousel video thumbnail size (width × height in px). */
+export const formatRcsCarouselVideoThumbnailLabel = (formatMessage, dimensionEntry) => {
+  if (!dimensionEntry) return '';
+  const { width, height } = dimensionEntry;
+  return formatMessage(messages.rcsCarouselVideoThumbnailLabel, { width, height });
+};
+
 /**
  * Global RegExp matching `{{numericVarName}}` in RCS template strings.
  * `numericVarName` is escaped for regex metacharacters.
@@ -162,9 +169,13 @@ export function coalesceCardVarMappedToTemplate(
   templateTitle,
   templateDesc,
   rcsVarRegex,
+  rcsVarRegexParam,
 ) {
   const getVarNameFromToken = (token = '') => token.replace(RCS_STRIP_MUSTACHE_DELIMITERS_REGEX, '');
   const templateVarTokens = [
+    ...(templateTitle?.match(rcsVarRegexParam) ?? []),
+    rcsVarRegexParam,
+    ...(templateDesc?.match(rcsVarRegexParam) ?? []),
     ...(templateTitle?.match(rcsVarRegex) ?? []),
     ...(templateDesc?.match(rcsVarRegex) ?? []),
   ];
@@ -247,6 +258,7 @@ export function resolveCardVarMappedSlotValue(
   }
   let numericSlotValue = '';
   if (Object.prototype.hasOwnProperty.call(varMap, slotKey)) {
+/** Text-only RCS card: editor shows a single "Text message" field (description); title row is hidden. */
     numericSlotValue = String(varMap[slotKey] ?? '');
   } else if (Object.prototype.hasOwnProperty.call(varMap, globalSlotIndexZeroBased + 1)) {
     numericSlotValue = String(varMap[globalSlotIndexZeroBased + 1] ?? '');
@@ -463,6 +475,7 @@ export const getRCSContent = (template) => {
         content: {
           [RCS]: {
             rcsContent: {
+              cardType = '',
               cardContent = [{}],
               cardSettings = {},
             } = {},
@@ -478,8 +491,72 @@ export const getRCSContent = (template) => {
     mediaType,
     suggestions = [],
   } = cardContent[0];
+  const isCarousel =
+    (cardType || '').toString().toLowerCase() === 'carousel' ||
+    (cardContent || []).length > 1;
   const isTextOnlyCard = isRcsTextOnlyCardMediaType(mediaType);
   const mediaPreview = media?.thumbnailUrl ? media.thumbnailUrl : media.mediaUrl;
+
+  const renderCarouselListingPreview = () => {
+    const cards = Array.isArray(cardContent) ? cardContent : [];
+    if (!cards.length) return null;
+    const cardsToShow = cards.slice(0, 3); // enough to show a "peek" of next card
+    return (
+      <div className="scroll-container">
+        {cardsToShow.map((c, idx) => {
+          const m = c?.media || {};
+          const isVideo = (m?.mediaType || '').toString().toUpperCase() === RCS_MEDIA_TYPES.VIDEO;
+          const thumbUrl = m?.thumbnailUrl;
+          const mediaUrl = m?.mediaUrl;
+          // Avoid rendering an <img src="...mp4"> when a video doesn't have a thumbnail.
+          const url = thumbUrl ? thumbUrl : (isVideo ? '' : mediaUrl);
+          return (
+            <div
+              key={`rcs-carousel-listing-${idx}-${url || ''}`}
+              className="whatsapp-carousel-container"
+              role="group"
+            >
+              <div className="whatsapp-carousel-card">
+                {url && (
+                  <CapImage
+                    src={url}
+                    className="whatsapp-image"
+                  />
+                )}
+                {!url && isVideo && (
+                  <div
+                    className="whatsapp-image video-preview rcs-video-preview-placeholder"
+                  >
+                    <CapLabel type="label9" className="rcs-video-preview-label">
+                      Video preview
+                    </CapLabel>
+                  </div>
+                )}
+                <span
+                  className={`${url ? 'whatsapp-message-with-media' : 'whatsapp-message-without-media'}`}
+                >
+                  <CapLabel type="label9" className="whatsapp-carousel-body">
+                    {c?.title || ''}
+                    {c?.description ? `\n${c?.description}` : ''}
+                  </CapLabel>
+                </span>
+                {Array.isArray(c?.suggestions) && c.suggestions.length > 0 && (
+                  <>
+                    {renderRcsSuggestionsPreview(c.suggestions)}
+                  </>
+                )}
+              </div>
+            </div>
+          );
+        })}
+      </div>
+    );
+  };
+
+  if (isCarousel) {
+    return renderCarouselListingPreview();
+  }
+
   return (
     <div className="cap-rcs-creatives">
       {mediaPreview && (
@@ -504,4 +581,3 @@ export const getRCSContent = (template) => {
     </div>
   );
 };
-

package/v2Containers/Sms/Edit/index.js

@@ -1091,6 +1091,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>
@@ -1131,6 +1132,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/SmsWrapper/index.js

@@ -32,6 +32,7 @@ const SmsWrapper = (props) => {
     smsRegister,
     onShowTemplates,
     eventContextTags,
+    waitEventContextTags,
     showLiquidErrorInFooter,
     getLiquidTags,
     showTestAndPreviewSlidebox,
@@ -73,6 +74,7 @@ const SmsWrapper = (props) => {
     onPreviewContentClicked,
     onTestContentClicked,
     eventContextTags,
+    waitEventContextTags,
     showLiquidErrorInFooter,
     getLiquidTags,
     showTestAndPreviewSlidebox,

package/v2Containers/TagList/index.js

@@ -22,7 +22,7 @@ import messages, { scope } from './messages';
 // import styled from styled-components;
 import CapTagList from '../../v2Components/CapTagList';
 import './_tagList.scss';
-import { selectCurrentOrgDetails, makeSelectFetchingSchemaError } from '../Cap/selectors';
+import { selectCurrentOrgDetails, makeSelectFetchingSchemaError, makeSelectFetchingSchema } from '../Cap/selectors';
 import {
   handleInjectedData, hasGiftVoucherFeature, hasPromoFeature, hasBadgesFeature, transformBadgeTags,
 } from '../../utils/common';
@@ -35,12 +35,14 @@ const {TreeNode} = Tree;
 export class TagList extends React.Component { // eslint-disable-line react/prefer-stateless-function
   constructor(props) {
     super(props);
+    const { tags, injectedTags } = props;
+    const hasInitialData = (tags && tags.length > 0) || !_.isEmpty(injectedTags);
     this.state = {
       loading: false,
       tags: [],
       tagsError: false,
       currentContext: null, // Track current context to detect changes
-      hasTriggeredInitialApiCall: false, // Track if we've triggered API call when popover opens
+      hasTriggeredInitialApiCall: hasInitialData, // Seed from initial props to avoid duplicate fetch on popover open
     };
     this.renderTags = this.renderTags.bind(this);
     this.populateTags = this.populateTags.bind(this);
@@ -52,14 +54,8 @@ export class TagList extends React.Component { // eslint-disable-line react/pref
 
   componentDidMount() {
     this.generateTags(this.props);
-    // Trigger initial API call if tags are empty (similar to Email/SMS behavior)
-    const { tags, injectedTags, onContextChange } = this.props;
-    const hasNoTags = (!tags || tags.length === 0) && _.isEmpty(injectedTags);
-    if (hasNoTags && onContextChange) {
-      // Trigger API call with default 'Outbound' context to match CapTagList default
-      // This ensures tags are loaded when component mounts
-      this.getTagsforContext('Outbound');
-    }
+    // Initial schema fetch is the parent's responsibility (useTagManagement hook handles it)
+    // This avoids duplicate requests when both parent and child try to fetch on mount
   }
 
   componentWillReceiveProps(nextProps) {
@@ -85,9 +81,10 @@ export class TagList extends React.Component { // eslint-disable-line react/pref
     if (!_.isEqual(nextTags, currentTags)) {
       this.setState({loading: false});
       this.clearLoadingTimeout();
-      // Reset the flag when tags are received, so we can trigger API call again if needed
+      // Tags received (from prefetch or button-click API call) — mark as triggered
+      // so handlePopoverVisibilityChange won't fire a duplicate call on popover open
       if (nextTags && nextTags.length > 0) {
-        this.setState({ hasTriggeredInitialApiCall: false });
+        this.setState({ hasTriggeredInitialApiCall: true });
       }
     }
     if (fetchingSchemaError) {
@@ -97,10 +94,28 @@ export class TagList extends React.Component { // eslint-disable-line react/pref
   }
 
   componentDidUpdate(prevProps) {
-    const { tags, injectedTags, selectedOfferDetails } = this.props;
-    const { tags: prevTags, injectedTags: prevInjectedTags, selectedOfferDetails: prevSelectedOfferDetails } = prevProps;
-
-    if (tags !== prevTags || injectedTags !== prevInjectedTags || selectedOfferDetails !== prevSelectedOfferDetails) {
+    const {
+      tags,
+      injectedTags,
+      selectedOfferDetails,
+      eventContextTags,
+      waitEventContextTags,
+    } = this.props;
+    const {
+      tags: prevTags,
+      injectedTags: prevInjectedTags,
+      selectedOfferDetails: prevSelectedOfferDetails,
+      eventContextTags: prevEventContextTags,
+      waitEventContextTags: prevWaitEventContextTags,
+    } = prevProps;
+
+    if (
+      tags !== prevTags
+      || injectedTags !== prevInjectedTags
+      || selectedOfferDetails !== prevSelectedOfferDetails
+      || !_.isEqual(eventContextTags, prevEventContextTags)
+      || !_.isEqual(waitEventContextTags, prevWaitEventContextTags)
+    ) {
       this.generateTags(this.props);
     }
   }
@@ -155,9 +170,7 @@ export class TagList extends React.Component { // eslint-disable-line react/pref
       if ((hasNoTags || hasNoStateTags || hasNotTriggeredApiCall)) {
         // Mark that we've triggered the API call
         this.setState({ hasTriggeredInitialApiCall: true });
-        // Trigger API call with default 'Outbound' context to match CapTagList default
-        // This will call onContextChange which triggers handleOnTagsContextChange in InApp
-        this.getTagsforContext('Outbound');
+        this.getTagsforContext('Outbound'); // Default to Outbound context
       }
     }
   };
@@ -167,7 +180,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 +232,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 (waitEventContextTags && 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 )});
   }
 
@@ -440,6 +490,7 @@ TagList.defaultProps = {
   isNewVersionFlow: false,
   userLocale: 'en',
   eventContextTags: [],
+  waitEventContextTags: {},
 };
 
 TagList.propTypes = {
@@ -460,6 +511,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,
@@ -477,6 +529,7 @@ const mapStateToProps = createStructuredSelector({
   TagList: makeSelectTagList(),
   currentOrgDetails: selectCurrentOrgDetails(),
   fetchingSchemaError: makeSelectFetchingSchemaError(),
+  fetchingSchema: makeSelectFetchingSchema(),
 });
 
 function mapDispatchToProps(dispatch) {

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',
+  },
 });