@capillarytech/creatives-library 7.17.65 → 7.17.66-alpha.1

package/package.json

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

package/utils/common.js

@@ -167,7 +167,11 @@ export function getTreeStructuredTags({tagsList, userLocale = 'en', offerDetails
   });
   let combinedTags = result;
   if (offerDetails.length) {
-    combinedTags = transformCouponTags(offerDetails, result);
+    if (offerDetails?.[0].type === 'BADGES') {
+      combinedTags = transformBadgeTags(offerDetails, result);
+    } else {
+      combinedTags = transformCouponTags(offerDetails, result);
+    }
   }
   return getTreeStructureData(combinedTags);
 }
@@ -193,7 +197,7 @@ function transformCouponTags(offerDetails, allTags) {
     return {
       ...obj,
       ...tempObj,
-      couponSeriesId: id,
+      incentiveSeriesId: id,
     };
   };
   offerDetails.forEach((offer) => {
@@ -216,7 +220,7 @@ function transformCouponTags(offerDetails, allTags) {
       'tag-header': true,
       'name': couponNameFinal || couponId,
       'desc': couponNameFinal || couponId,
-      'couponSeriesId': couponId,
+      'incentiveSeriesId': couponId,
       'subtags': couponSubTags,
       'resolved': true,
       'couponTags': true,
@@ -227,6 +231,45 @@ function transformCouponTags(offerDetails, allTags) {
   return allTags;
 }
 
+export function transformBadgeTags(badgeDetails, allTags) {
+  const badgeTags = {};
+  const badgeTagsKeys = Object.keys(_.get(allTags, 'Badge.subtags', []));
+  const withBadgeId = (obj, id) => {
+    const tempObj = {};
+    if (obj?.subtags) {
+      tempObj.subtags = _.mapValues(obj.subtags, (tag) => ({
+        ...withBadgeId(tag, id),
+      }));
+    }
+    return {
+      ...obj,
+      ...tempObj,
+      incentiveSeriesId: id,
+    };
+  };
+  badgeDetails.forEach((offer) => {
+    const { badgeId, badgeName } = offer;
+    const badgeSubTags = {};
+    badgeTagsKeys.forEach((badgeTagKey) => {
+      const badgeSubTagsObj = withBadgeId(allTags?.Badge?.subtags[badgeTagKey], badgeId);
+      badgeSubTags[badgeTagKey] = badgeSubTagsObj;
+    });
+    const key = badgeName || badgeId;
+    badgeTags[key] = {
+      'tag-header': true,
+      'name': badgeName,
+      'desc': badgeName,
+      'incentiveSeriesId': badgeId,
+      'subtags': badgeSubTags,
+      'resolved': true,
+      'couponTags': true,
+    };
+  });
+  // eslint-disable-next-line no-param-reassign
+  allTags.Badge.subtags = badgeTags;
+  return allTags;
+}
+
 function populateTagForChildren(targetTag, tagsObject, tagValue) {
   const tag = targetTag;
   if (tag && tag['tag-header'] && !tag.resolved) {

package/utils/tests/common.mockdata.js

@@ -102,6 +102,265 @@ export const tagsList = [
     updatedAt: "2018-01-22T11:43:05.611Z",
   },
 ];
+
+export const badgesTags = [
+  {
+    _id: "655b080695c9df613dbbed4d",
+    type: "TAG",
+    definition: {
+      "label": {
+        "en": "Badge",
+        "ja-JP": "バッジ",
+      },
+      "value": "Badge",
+      "subtags": [
+        "Badge_expiry_date",
+        "Days_until_expiry",
+      ],
+      "tag-header": true,
+      "supportedModules": [
+        {
+          context: "outbound",
+          layout: "sms",
+          mandatory: false,
+        },
+        {
+          context: "outbound",
+          layout: "email",
+          mandatory: false,
+        },
+        {
+          context: "outbound",
+          layout: "mobilepush",
+          mandatory: false,
+        },
+        {
+          context: "outbound",
+          layout: "line",
+          mandatory: false,
+        },
+        {
+          context: "outbound",
+          layout: "wechat",
+          mandatory: false,
+        },
+        {
+          context: "default",
+          layout: "wechat",
+          mandatory: false,
+        },
+        {
+          context: "journey",
+          layout: "sms",
+          mandatory: false,
+        },
+        {
+          context: "journey",
+          layout: "email",
+          mandatory: false,
+        },
+        {
+          context: "journey",
+          layout: "mobilepush",
+          mandatory: false,
+        },
+        {
+          context: "loyalty",
+          layout: "sms",
+          mandatory: false,
+        },
+        {
+          context: "loyalty",
+          layout: "email",
+          mandatory: false,
+        },
+        {
+          context: "loyalty",
+          layout: "mobilepush",
+          mandatory: false,
+        },
+      ],
+    },
+    scope: {
+      verticals: [],
+      orgId: -1,
+      tag: "STANDARD",
+    },
+    isActive: true,
+    createdBy: 15000449,
+    updatedBy: 15000449,
+    createdAt: "2022-06-24T10:28:45.738Z",
+    updatedAt: "2022-06-24T10:28:45.738Z",
+  },
+  {
+    _id: "655b617e48bc1275ad0c717c",
+    type: "TAG",
+    definition: {
+      "label": {
+        "en": "Days Until Expiry",
+        "ja-JP": "有効期限までの日数",
+      },
+      "value": "Days_until_expiry",
+      "subtags": [],
+      "tag-header": false,
+      "supportedModules": [
+        {
+          context: "outbound",
+          layout: "sms",
+          mandatory: false,
+        },
+        {
+          context: "outbound",
+          layout: "email",
+          mandatory: false,
+        },
+        {
+          context: "outbound",
+          layout: "mobilepush",
+          mandatory: false,
+        },
+        {
+          context: "outbound",
+          layout: "line",
+          mandatory: false,
+        },
+        {
+          context: "outbound",
+          layout: "wechat",
+          mandatory: false,
+        },
+        {
+          context: "default",
+          layout: "wechat",
+          mandatory: false,
+        },
+        {
+          context: "journey",
+          layout: "sms",
+          mandatory: false,
+        },
+        {
+          context: "journey",
+          layout: "email",
+          mandatory: false,
+        },
+        {
+          context: "journey",
+          layout: "mobilepush",
+          mandatory: false,
+        },
+        {
+          context: "loyalty",
+          layout: "sms",
+          mandatory: false,
+        },
+        {
+          context: "loyalty",
+          layout: "email",
+          mandatory: false,
+        },
+        {
+          context: "loyalty",
+          layout: "mobilepush",
+          mandatory: false,
+        },
+      ],
+    },
+    scope: {
+      verticals: [],
+      orgId: -1,
+      tag: "STANDARD",
+    },
+    isActive: true,
+  },
+];
+export const OfferTag = [{
+  _id: "5aaa0cec7472bc0eab75f55b",
+  type: "TAG",
+  definition: {
+    "supportedModules": [
+      {
+        context: "journey",
+        layout: "sms",
+        mandatory: false,
+      },
+      {
+        context: "journey",
+        layout: "email",
+        mandatory: false,
+      },
+      {
+        context: "journey",
+        layout: "mobilepush",
+        mandatory: false,
+      },
+      {
+        context: "default",
+        layout: "sms",
+        mandatory: false,
+      },
+      {
+        context: "outbound",
+        layout: "sms",
+        mandatory: false,
+      },
+      {
+        context: "outbound",
+        layout: "line",
+        mandatory: false,
+      },
+      {
+        context: "default",
+        layout: "line",
+        mandatory: false,
+      },
+    ],
+    "tag-header": true,
+    "subtags": [
+      "voucher",
+      "valid_till_date",
+      "valid_days_from_create",
+    ],
+    "value": "coupon",
+    "label": {
+      "en": "Coupons",
+      "ja-JP": "クーポン",
+    },
+  },
+  scope: {
+    tag: "STANDARD",
+    orgId: -1,
+    verticals: [],
+  },
+  isActive: true,
+  createdBy: 15000449,
+  updatedBy: 15000449,
+  createdAt: "2018-03-15T06:04:28.484Z",
+  updatedAt: "2018-03-15T06:04:28.484Z",
+},
+];
+export const offerOutput = [{"children": [{"disabled": undefined, "title": "mac", "value": "{{undefined}}"}], "disabled": false, "selectable": false, "title": "Coupons", "value": "{{coupon}}"}];
+export const badgesOutput = [{
+  children: [
+    {
+      children: [
+        {
+          disabled: false,
+          title: "Days Until Expiry",
+          value: "{{Days_until_expiry}}",
+        },
+      ],
+      disabled: undefined,
+      selectable: false,
+      title: "moye_moye",
+      value: "{{undefined}}",
+    },
+  ],
+  disabled: false,
+  selectable: false,
+  title: "Badge",
+  value: "{{Badge}}",
+}];
 export const tagsToFilter = ["timeSpan_Start"];
 
 export const output1 = [

package/utils/tests/common.test.js

@@ -11,12 +11,19 @@ describe("getTreeStructuredTags test", () => {
   it("test for getTreeStructuredTags when tagsList is empty", () => {
     expect(getTreeStructuredTags({tagsList: []})).toEqual([]);
   });
+
+  it("test for getTreeStructuredTags when incentive attached is BADGES", () => {
+    expect(getTreeStructuredTags({tagsList: mockdata.badgesTags, offerDetails: [{badgeId: '12', badgeName: 'moye_moye', type: "BADGES"}]})).toEqual(mockdata.badgesOutput);
+  });
   it("test for filterTags", () => {
     expect(filterTags(mockdata.tagsToFilter, mockdata.tagsList)).toEqual([mockdata.tagsList[1]]);
   });
   it("test for filterTags when tagsToFilter and tagsList is empty", () => {
     expect(filterTags([], [])).toEqual([]);
   });
+  it("test for getTreeStructuredTags when incentive attached is offer", () => {
+    expect(getTreeStructuredTags({tagsList: mockdata.OfferTag, offerDetails: [{id: '12', couponName: 'mac'}]})).toEqual(mockdata.offerOutput);
+  });
 });
 
 describe("getUserNameById test", () => {

package/v2Components/CapTagList/index.js

@@ -202,9 +202,9 @@ class CapTagList extends React.Component { // eslint-disable-line react/prefer-s
         const temp = this.renderTags(val.subtags, '', disabled);
         const tagValue = (
           <CapTreeNode
-            title={disabled ? <CapTooltip title={loyaltyAttrDisableText}>{val.name}</CapTooltip> : val.name}
+            title={disabled ? <CapTooltip title={loyaltyAttrDisableText}>{val?.name}</CapTooltip> : val?.name}
             tag={val}
-            key={val.couponSeriesId ? `${key}(${val.couponSeriesId})` : `${key}`}
+            key={val?.incentiveSeriesId ? `${key}(${val?.incentiveSeriesId})` : `${key}`}
             disabled={disabled}
           >
             {temp}
@@ -223,7 +223,7 @@ class CapTagList extends React.Component { // eslint-disable-line react/prefer-s
             title={childDisabled ? <CapTooltip title={key === CUSTOMER_BARCODE_TAG ? customerBarcodeDisableText : loyaltyAttrDisableText}>{val.desc || val.name}</CapTooltip> : (val.desc || val.name)}
             tag={val}
             isLeaf
-            key={val.couponSeriesId ? `${key}(${val.couponSeriesId})` : `${key}`}
+            key={val?.incentiveSeriesId ? `${key}(${val?.incentiveSeriesId})` : `${key}`}
             disabled={childDisabled}
           >
           </CapTreeNode>);

package/v2Containers/TagList/index.js

@@ -22,7 +22,7 @@ import './_tagList.scss';
 import { selectCurrentOrgDetails } from '../Cap/selectors';
 import { injectIntl } from 'react-intl';
 import { scope } from './messages';
-import { handleInjectedData, hasGiftVoucherFeature, hasPromoFeature, hasBadgesFeature } from '../../utils/common';
+import { handleInjectedData, hasGiftVoucherFeature, hasPromoFeature, hasBadgesFeature, transformBadgeTags } from '../../utils/common';
 import { GIFT_VOUCHER_RELATED_TAGS, PROMO_ENGINE_RELATED_TAGS, BADGES_RELATED_TAGS } from '../../containers/App/constants';
 
 const TreeNode = Tree.TreeNode;
@@ -89,8 +89,14 @@ export class TagList extends React.Component { // eslint-disable-line react/pref
     if (props.tags && props.tags.length > 0) {
       tags = this.populateTags(props.tags);
     }
-    if (props.selectedOfferDetails && !_.isEmpty(props.selectedOfferDetails) && (tags && tags.coupon)) {
-      this.transformCouponTags(props.selectedOfferDetails, tags);
+    console.log(`selected Badges: ${props.selectedOfferDetails}, ${JSON.stringify(tags)}`);
+    if (props.selectedOfferDetails && !_.isEmpty(props.selectedOfferDetails) ) {
+      console.log(`selected offers: ${JSON.stringify(props.selectedOfferDetails)}`);
+      if ((props?.selectedOfferDetails[0]?.type === 'BADGES') && (tags && tags?.badge) ) {
+        transformBadgeTags(props.selectedOfferDetails, tags);
+      } else if (tags && tags?.coupon) {
+        this.transformCouponTags(props.selectedOfferDetails, tags);
+      }
     }
     this.setState({tags: _.merge( {}, tags, injectedTags)});
   }
@@ -130,7 +136,7 @@ export class TagList extends React.Component { // eslint-disable-line react/pref
           'tag-header': true,
           "name": tag?.label[userLocale] ? tag?.label[userLocale] : tag?.label?.en,
           "desc": tag?.label[userLocale] ? tag?.label[userLocale] : tag?.label?.en,
-          "subtags": tag.subtags,
+          "subtags": tag?.subtags,
         };
       }
     });
@@ -197,7 +203,7 @@ export class TagList extends React.Component { // eslint-disable-line react/pref
       return {
         ...obj,
         ...tempObj,
-        couponSeriesId: id,
+        incentiveSeriesId: id,
       };
     };
     offerDetails.forEach((offer) => {
@@ -214,7 +220,7 @@ export class TagList extends React.Component { // eslint-disable-line react/pref
         'tag-header': true,
         'name': couponNameFinal || couponId,
         'desc': couponNameFinal || couponId,
-        'couponSeriesId': couponId,
+        'incentiveSeriesId': couponId,
         'subtags': couponSubTags,
         'resolved': true,
         'couponTags': true,
@@ -306,7 +312,7 @@ TagList.propTypes = {
   modalProps: PropTypes.any,
   currentOrgDetails: PropTypes.object,
   channel: PropTypes.string,
-  disabled: PropTypes.bool
+  disabled: PropTypes.bool,
 };
 
 const mapStateToProps = createStructuredSelector({