@capillarytech/creatives-library 7.17.219 → 7.17.220-alpha.0

package/package.json

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

package/utils/tagValidations.js

@@ -17,7 +17,7 @@ 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 = {}, eventContextTags = [], isLiquidFlow = false) => {
   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).
@@ -25,6 +25,13 @@ export const checkSupport = (response = {}, tagObject = {}, eventContextTags = [
 
   // Verify if childTag is a valid sub-tag of parentTag from the 'Add Labels' section or if it's unsupported.
   const checkSubtags = (parentTag, childName) => {
+    // For event context tags the parentTag will be the event context tag name and subtags will be the child attributes for leaderboards
+    if (checkNameInTagObjectOrEventContext(parentTag) && isLiquidFlow && eventContextTags?.length) {
+      const childNameAfterDot = childName?.split(".")?.[1];
+      if (eventContextTags?.some((tag) => tag?.subTags?.includes(childNameAfterDot))) {
+        supportedList.push(childName);
+      }
+    }
     if (!tagObject?.[parentTag]) return false;
     let updatedChildName = childName;
     if (childName?.includes(".")) {

package/utils/tests/tagValidations.test.js

@@ -376,6 +376,24 @@ describe("checkSupport", () => {
     const result = checkSupport(response, {});
     expect(result).toEqual([]);
   });
+
+  it("should add childName to supportedList if it is a subtag of parentTag in eventContextTags", () => {
+    const response = { data: [{ name: "leaderboard", children: [{name: "person.userId"}]}]};
+    const tagObject = {};
+    const eventContextTags = [{ tagName: "leaderboard", subTags: ["userId"]}];
+    const isLiquidFlow = true;
+    const result = checkSupport(response, tagObject, eventContextTags, isLiquidFlow);
+    expect(result).toEqual( [ 'leaderboard', 'person.userId' ]);
+  });
+
+  it("should add only parent tag to supportedList if isLiquidFlow false", () => {
+    const response = { data: [{ name: "leaderboard", children: [{name: "person.userId"}]}]};
+    const tagObject = {};
+    const eventContextTags = [{ tagName: "leaderboard", subTags: ["userId"]}];
+    const isLiquidFlow = false;
+    const result = checkSupport(response, tagObject, eventContextTags, isLiquidFlow);
+    expect(result).toEqual( [ 'leaderboard' ]);
+  });
 });
 
 describe('preprocessHtml', () => {

package/v2Components/FormBuilder/index.js

@@ -1121,7 +1121,8 @@ class FormBuilder extends React.Component { // eslint-disable-line react/prefer-
             const supportedLiquidTags = checkSupport(
               result,
               this.props?.metaEntities?.tagLookupMap,
-              this.props?.eventContextTags
+              this.props?.eventContextTags,
+              this.liquidFlow,
             );
             const unsupportedLiquidTags = extractedLiquidTags?.filter(
               (tag) => !supportedLiquidTags?.includes(tag) && !this.skipTags(tag)

package/v2Containers/TagList/index.js

@@ -105,7 +105,7 @@ export class TagList extends React.Component { // eslint-disable-line react/pref
       }
     }
     if (eventContextTags?.length) {
-      const TAG_HEADER_MSG_LABEL = this.props.intl.formatMessage(messages.tagsBasedOnEntryTriggerEvent);
+      const TAG_HEADER_MSG_LABEL = this.props.intl.formatMessage(messages.entryEvent);
       eventContextTagsObj.EventContextTags = {
         name: TAG_HEADER_MSG_LABEL,
         desc: TAG_HEADER_MSG_LABEL,

package/v2Containers/TagList/messages.js

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

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

@@ -44,7 +44,7 @@ describe("TagList test :  UNIT", () => {
   it('should render event context tags correctly from generateTags', () => {
     initializeTagList({eventContextTags});
     addLabelBtnAssertion();
-    const EVENT_CONTEXT_TAG_HEADER = getByText('Tags based on entry trigger event');
+    const EVENT_CONTEXT_TAG_HEADER = getByText('Entry event');
     expect(EVENT_CONTEXT_TAG_HEADER).toBeInTheDocument();
     fireEvent.click(EVENT_CONTEXT_TAG_HEADER);
     expect(getByText('lifetimePurchases')).toBeInTheDocument();