@capillarytech/creatives-library 8.0.316-alpha.4 → 8.0.317-alpha.0

package/v2Containers/Sms/Create/index.js

@@ -1130,6 +1130,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}
                 tagListGetPopupContainer={this.props.tagListGetPopupContainer}
                 tagListPopoverOverlayStyle={this.props.tagListPopoverOverlayStyle}
                 tagListPopoverOverlayClassName={this.props.tagListPopoverOverlayClassName}
@@ -1170,6 +1171,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

@@ -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/Sms/tests/smsFormDataHelpers.test.js

@@ -0,0 +1,253 @@
+import {
+  getSmsMessageFromFormData,
+  getSmsEmbeddedFooterValidity,
+} from '../smsFormDataHelpers';
+
+// ---------------------------------------------------------------------------
+// getSmsMessageFromFormData
+// ---------------------------------------------------------------------------
+
+describe('getSmsMessageFromFormData', () => {
+  describe('null / invalid formData guard', () => {
+    it('returns empty string when formData is null', () => {
+      expect(getSmsMessageFromFormData(null, 1)).toBe('');
+    });
+
+    it('returns empty string when formData is undefined', () => {
+      expect(getSmsMessageFromFormData(undefined, 1)).toBe('');
+    });
+
+    it('returns empty string when formData is a string (not an object)', () => {
+      expect(getSmsMessageFromFormData('bad', 1)).toBe('');
+    });
+
+    it('returns empty string when formData is a number', () => {
+      expect(getSmsMessageFromFormData(42, 1)).toBe('');
+    });
+  });
+
+  describe('currentTab normalisation', () => {
+    it('defaults to tab 1 when currentTab is null', () => {
+      const formData = { 0: { 'sms-editor': 'hello' } };
+      expect(getSmsMessageFromFormData(formData, null)).toBe('hello');
+    });
+
+    it('defaults to tab 1 when currentTab is undefined', () => {
+      const formData = { 0: { 'sms-editor': 'hello' } };
+      expect(getSmsMessageFromFormData(formData, undefined)).toBe('hello');
+    });
+
+    it('defaults to tab 1 when currentTab is 0', () => {
+      const formData = { 0: { 'sms-editor': 'hello' } };
+      expect(getSmsMessageFromFormData(formData, 0)).toBe('hello');
+    });
+
+    it('defaults to tab 1 when currentTab is negative', () => {
+      const formData = { 0: { 'sms-editor': 'hello' } };
+      expect(getSmsMessageFromFormData(formData, -5)).toBe('hello');
+    });
+  });
+
+  describe('versioned key lookup', () => {
+    it('uses "sms-editor" key for tab 1', () => {
+      const formData = { 0: { 'sms-editor': 'tab1 msg' } };
+      expect(getSmsMessageFromFormData(formData, 1)).toBe('tab1 msg');
+    });
+
+    it('uses "sms-editor2" versioned key for tab 2', () => {
+      const formData = { 1: { 'sms-editor2': 'tab2 msg', 'sms-editor': 'fallback' } };
+      expect(getSmsMessageFromFormData(formData, 2)).toBe('tab2 msg');
+    });
+
+    it('uses "sms-editor3" versioned key for tab 3', () => {
+      const formData = { 2: { 'sms-editor3': 'tab3 msg' } };
+      expect(getSmsMessageFromFormData(formData, 3)).toBe('tab3 msg');
+    });
+
+    it('returns empty string when versioned key exists but is null (cleared version)', () => {
+      const formData = { 1: { 'sms-editor2': null } };
+      expect(getSmsMessageFromFormData(formData, 2)).toBe('');
+    });
+
+    it('returns empty string when versioned key exists but is empty string', () => {
+      const formData = { 1: { 'sms-editor2': '' } };
+      expect(getSmsMessageFromFormData(formData, 2)).toBe('');
+    });
+
+    it('coerces a numeric value in versioned key to string', () => {
+      const formData = { 1: { 'sms-editor2': 12345 } };
+      expect(getSmsMessageFromFormData(formData, 2)).toBe('12345');
+    });
+  });
+
+  describe('"sms-editor" flat key fallback (versioned key absent)', () => {
+    it('falls back to "sms-editor" when versioned key is absent for tab 2', () => {
+      const formData = { 1: { 'sms-editor': 'flat fallback' } };
+      expect(getSmsMessageFromFormData(formData, 2)).toBe('flat fallback');
+    });
+  });
+
+  describe('activeTab nested fallback', () => {
+    it('falls back to activeTab["sms-editor"] when neither versioned key nor flat "sms-editor" is present', () => {
+      // The versioned key must be absent entirely for the activeTab fallback to be reached.
+      // (If 'sms-editor' exists but is null, the function commits to '' without falling through.)
+      const formData = {
+        0: {
+          activeTab: 'variant1',
+          variant1: { 'sms-editor': 'variant msg' },
+        },
+      };
+      expect(getSmsMessageFromFormData(formData, 1)).toBe('variant msg');
+    });
+
+    it('falls back to base["sms-editor"] when activeTab entry lacks "sms-editor" and flat key is absent', () => {
+      const formData = {
+        0: {
+          activeTab: 'variant1',
+          variant1: {},
+          base: { 'sms-editor': 'base msg' },
+        },
+      };
+      expect(getSmsMessageFromFormData(formData, 1)).toBe('base msg');
+    });
+
+    it('defaults activeTab to "base" when activeTab prop is not set and flat key is absent', () => {
+      const formData = {
+        0: {
+          base: { 'sms-editor': 'default base msg' },
+        },
+      };
+      expect(getSmsMessageFromFormData(formData, 1)).toBe('default base msg');
+    });
+  });
+
+  describe('root formData.base fallback', () => {
+    it('falls back to formData.base["sms-editor"] when tab slot is missing', () => {
+      const formData = {
+        base: { 'sms-editor': 'root base msg' },
+      };
+      expect(getSmsMessageFromFormData(formData, 1)).toBe('root base msg');
+    });
+
+    it('returns empty string when even root base has no "sms-editor"', () => {
+      const formData = { base: {} };
+      expect(getSmsMessageFromFormData(formData, 1)).toBe('');
+    });
+
+    it('returns empty string when formData has no relevant keys at all', () => {
+      expect(getSmsMessageFromFormData({}, 1)).toBe('');
+    });
+  });
+});
+
+// ---------------------------------------------------------------------------
+// getSmsEmbeddedFooterValidity
+// ---------------------------------------------------------------------------
+
+describe('getSmsEmbeddedFooterValidity', () => {
+  describe('isTemplateNameEmpty', () => {
+    it('is true when template-name is absent', () => {
+      const formData = { 0: { 'sms-editor': 'msg' } };
+      const { isTemplateNameEmpty } = getSmsEmbeddedFooterValidity(formData, 1);
+      expect(isTemplateNameEmpty).toBe(true);
+    });
+
+    it('is true when template-name is empty string', () => {
+      const formData = { 'template-name': '', 0: { 'sms-editor': 'msg' } };
+      const { isTemplateNameEmpty } = getSmsEmbeddedFooterValidity(formData, 1);
+      expect(isTemplateNameEmpty).toBe(true);
+    });
+
+    it('is true when template-name is whitespace only', () => {
+      const formData = { 'template-name': '   ', 0: { 'sms-editor': 'msg' } };
+      const { isTemplateNameEmpty } = getSmsEmbeddedFooterValidity(formData, 1);
+      expect(isTemplateNameEmpty).toBe(true);
+    });
+
+    it('is false when template-name is a non-empty string', () => {
+      const formData = { 'template-name': 'My Template', 0: { 'sms-editor': 'msg' } };
+      const { isTemplateNameEmpty } = getSmsEmbeddedFooterValidity(formData, 1);
+      expect(isTemplateNameEmpty).toBe(false);
+    });
+  });
+
+  describe('isMessageEmpty — single tab', () => {
+    it('is true when message is empty string', () => {
+      const formData = { 'template-name': 'T', 0: { 'sms-editor': '' } };
+      const { isMessageEmpty } = getSmsEmbeddedFooterValidity(formData, 1);
+      expect(isMessageEmpty).toBe(true);
+    });
+
+    it('is true when message is whitespace only', () => {
+      const formData = { 'template-name': 'T', 0: { 'sms-editor': '   ' } };
+      const { isMessageEmpty } = getSmsEmbeddedFooterValidity(formData, 1);
+      expect(isMessageEmpty).toBe(true);
+    });
+
+    it('is true when no sms-editor key at all', () => {
+      const formData = { 'template-name': 'T', 0: {} };
+      const { isMessageEmpty } = getSmsEmbeddedFooterValidity(formData, 1);
+      expect(isMessageEmpty).toBe(true);
+    });
+
+    it('is false when message is non-empty', () => {
+      const formData = { 'template-name': 'T', 0: { 'sms-editor': 'Hello world' } };
+      const { isMessageEmpty } = getSmsEmbeddedFooterValidity(formData, 1);
+      expect(isMessageEmpty).toBe(false);
+    });
+  });
+
+  describe('isMessageEmpty — multiple tabs', () => {
+    it('is false when all tabs have non-empty messages', () => {
+      const formData = {
+        'template-name': 'T',
+        0: { 'sms-editor': 'Tab 1 message' },
+        1: { 'sms-editor2': 'Tab 2 message' },
+        2: { 'sms-editor3': 'Tab 3 message' },
+      };
+      const { isMessageEmpty } = getSmsEmbeddedFooterValidity(formData, 3);
+      expect(isMessageEmpty).toBe(false);
+    });
+
+    it('is true when the second tab has an empty message', () => {
+      const formData = {
+        'template-name': 'T',
+        0: { 'sms-editor': 'Tab 1 message' },
+        1: { 'sms-editor2': '' },
+      };
+      const { isMessageEmpty } = getSmsEmbeddedFooterValidity(formData, 2);
+      expect(isMessageEmpty).toBe(true);
+    });
+
+    it('is true when the third tab has no message', () => {
+      const formData = {
+        'template-name': 'T',
+        0: { 'sms-editor': 'msg1' },
+        1: { 'sms-editor2': 'msg2' },
+        2: {},
+      };
+      const { isMessageEmpty } = getSmsEmbeddedFooterValidity(formData, 3);
+      expect(isMessageEmpty).toBe(true);
+    });
+
+    it('treats tabCount=1 as single-tab check even when not explicitly provided', () => {
+      const formData = { 'template-name': 'T', 0: { 'sms-editor': 'msg' } };
+      const { isMessageEmpty } = getSmsEmbeddedFooterValidity(formData);
+      expect(isMessageEmpty).toBe(false);
+    });
+  });
+
+  describe('both fields together', () => {
+    it('returns both empty when template name absent and message empty', () => {
+      const formData = { 0: { 'sms-editor': '' } };
+      const result = getSmsEmbeddedFooterValidity(formData, 1);
+      expect(result).toEqual({ isTemplateNameEmpty: true, isMessageEmpty: true });
+    });
+
+    it('returns both non-empty when template name and message are present', () => {
+      const formData = { 'template-name': 'My Template', 0: { 'sms-editor': 'Hello!' } };
+      const result = getSmsEmbeddedFooterValidity(formData, 1);
+      expect(result).toEqual({ isTemplateNameEmpty: false, isMessageEmpty: false });
+    });
+  });
+});

package/v2Containers/SmsTrai/Edit/index.js

@@ -100,6 +100,7 @@ export const SmsTraiEdit = (props) => {
     templateData = {},
     selectedOfferDetails,
     eventContextTags,
+    waitEventContextTags,
     fetchingLiquidTags,
     getLiquidTags,
     showLiquidErrorInFooter,
@@ -1120,6 +1121,7 @@ export const SmsTraiEdit = (props) => {
                     disabled={!isRcsSmsFallback && disablehandler()}
                     selectedOfferDetails={selectedOfferDetails}
                     eventContextTags={eventContextTags}
+                    waitEventContextTags={waitEventContextTags}
                     popoverOverlayStyle={isRcsSmsFallback ? { zIndex: 10020 } : undefined}
                     popoverOverlayClassName={isRcsSmsFallback ? 'sms-fallback-taglist-popover rcs-sms-fallback-taglist-popover' : undefined}
                   />

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

@@ -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 (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 )});
   }
 
@@ -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
@@ -440,6 +477,7 @@ TagList.defaultProps = {
   isNewVersionFlow: false,
   userLocale: 'en',
   eventContextTags: [],
+  waitEventContextTags: {},
 };
 
 TagList.propTypes = {
@@ -460,6 +498,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,28 +5,34 @@ 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 { OfferTag, badgesTags, offer } from '../../../utils/tests/common.mockdata';
+import * as commonUtils from "../../../utils/common";
 import { Provider } from 'react-redux';
 import { screen, render } from '../../../utils/test-utils';
 import history from '../../../utils/history';
 const { getByText, queryByText } = screen;
 
+const buildProps = (props = {}) => ({
+  ...TagListData,
+  onTagSelect: jest.fn(),
+  ...props,
+});
 
-const initializeTagList = (props) => {
+const initializeTagList = (props = {}) => {
   const store = configureStore({}, initialReducer, history);
   const Component = injectIntl(TagList);
-
-  const propsObj = {
-    ...TagListData,
-    onTagSelect: jest.fn(),
-    ...props,
+  const propsObj = buildProps(props);
+  return {
+    ...render(
+      <Provider store={store}>
+        <Component {...propsObj} />
+      </Provider>
+    ),
+    store,
+    Component,
+    propsObj,
   };
-
-  return render(
-    <Provider store={store}>
-      <Component {...propsObj} />
-    </Provider>
-  );
 };
 
 const addLabelBtnAssertion = () => {
@@ -41,19 +47,115 @@ describe("TagList test :  UNIT", () => {
     addLabelBtnAssertion();
   });
 
-  it('should render event context tags correctly from generateTags and show tags under profile', () => {
-    initializeTagList({eventContextTags});
+  it('should render event context tag section from generateTags', () => {
+    initializeTagList({ eventContextTags, moduleFilterEnabled: false });
     addLabelBtnAssertion();
     const EVENT_CONTEXT_TAG_HEADER = getByText(/Entry event/i);
     expect(EVENT_CONTEXT_TAG_HEADER).toBeInTheDocument();
-    fireEvent.click(EVENT_CONTEXT_TAG_HEADER);
-    // Customer profile tags
-    const CUSTOMER_PROFILE = getByText(/Current Customer/i);
-    fireEvent.click(CUSTOMER_PROFILE);
-    expect(getByText(/lifetimePurchases/i)).toBeInTheDocument();
 
     // Behavioural event profile tags should not be visible as label and profile name is not present
     const BEHAVIOURAL_EVENT_PROFILE = queryByText(/Behavioural event/i);
     expect(BEHAVIOURAL_EVENT_PROFILE).not.toBeInTheDocument();
   });
+
+  it('should render wait event context section when waitEventContextTags is provided', () => {
+    initializeTagList({ waitEventContextTags, moduleFilterEnabled: false });
+    addLabelBtnAssertion();
+    const WAIT_EVENT_HEADER = getByText(/Order Placed \(Wait Block\)/i);
+    expect(WAIT_EVENT_HEADER).toBeInTheDocument();
+  });
+
+  it('should merge empty waitEventContextTags with entry event tags', () => {
+    initializeTagList({ eventContextTags, waitEventContextTags: {}, moduleFilterEnabled: false });
+    addLabelBtnAssertion();
+    expect(getByText(/Entry event/i)).toBeInTheDocument();
+  });
+
+  it('calls parent onContextChange with Outbound when tags and injectedTags are empty on mount', () => {
+    const onContextChange = jest.fn();
+    initializeTagList({
+      tags: [],
+      injectedTags: {},
+      onContextChange,
+      onTagSelect: jest.fn(),
+    });
+    expect(onContextChange).toHaveBeenCalledWith('Outbound');
+  });
+
+  it('applies fetchingSchemaError from props via componentWillReceiveProps', () => {
+    const { rerender, Component, propsObj, store } = initializeTagList({ fetchingSchemaError: false });
+    addLabelBtnAssertion();
+    rerender(
+      <Provider store={store}>
+        <Component {...propsObj} fetchingSchemaError />
+      </Provider>
+    );
+    expect(screen.getByText(/add label/i)).toBeInTheDocument();
+  });
+
+  it('disables Add label when restrictPersonalization is true', () => {
+    initializeTagList({
+      restrictPersonalization: true,
+      disabled: false,
+      moduleFilterEnabled: false,
+    });
+    const btn = screen.getByText(/add label/i).closest('button');
+    expect(btn).toBeDisabled();
+  });
+
+  it('calls transformCouponTags when selectedOfferDetails and coupon tags are present', () => {
+    const spy = jest.spyOn(TagList.prototype, 'transformCouponTags');
+    initializeTagList({
+      tags: OfferTag,
+      injectedTags: {},
+      selectedOfferDetails: [{ id: 'c1', couponName: 'Promo Coupon', couponSeriesId: 'c1' }],
+      moduleFilterEnabled: false,
+    });
+    expect(spy).toHaveBeenCalled();
+    spy.mockRestore();
+  });
+
+  it('calls transformBadgeTags from common when badge offer and Badge tags are present', () => {
+    const spy = jest.spyOn(commonUtils, 'transformBadgeTags');
+    initializeTagList({
+      tags: badgesTags,
+      injectedTags: {},
+      selectedOfferDetails: offer,
+      moduleFilterEnabled: false,
+    });
+    expect(spy).toHaveBeenCalled();
+    spy.mockRestore();
+  });
+
+  it('unmounts without throwing', () => {
+    const { unmount } = initializeTagList();
+    expect(() => unmount()).not.toThrow();
+  });
+
+  it('regenerates tags when props.tags change (componentDidUpdate)', () => {
+    const { rerender, Component, store } = initializeTagList({ tags: TagListData.tags });
+    const extra = [
+      ...TagListData.tags,
+      {
+        _id: 'extra-tag',
+        type: 'TAG',
+        definition: {
+          label: { en: 'Extra' },
+          value: 'extra_value',
+          subtags: [],
+          'tag-header': false,
+          supportedModules: [{ context: 'default', layout: 'sms', mandatory: false }],
+        },
+        scope: { tag: 'STANDARD', orgId: -1, verticals: [] },
+        isActive: true,
+      },
+    ];
+    rerender(
+      <Provider store={store}>
+        <Component {...buildProps({ tags: extra })} />
+      </Provider>
+    );
+    addLabelBtnAssertion();
+    expect(screen.getByText(/add label/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',
+      },
+    ],
+  },
+};