@capillarytech/creatives-library 7.17.66 → 7.17.67

package/components/FormBuilder/index.js

@@ -965,7 +965,7 @@ class FormBuilder extends React.Component { // eslint-disable-line react/prefer-
   }
 
   skipTags(tag) {
-    const regexGroups = ["dynamic_expiry_date_after_\\d+_days.FORMAT_\\d", "unsubscribe\\(#[a-zA-Z\\d]{6}\\)","Link_to_[a-zA-z]","SURVEY.*.TOKEN"];
+    const regexGroups = ["dynamic_expiry_date_after_\\d+_days.FORMAT_\\d", "unsubscribe\\(#[a-zA-Z\\d]{6}\\)","Link_to_[a-zA-z]","SURVEY.*.TOKEN", "^[A-Za-z].*\\([a-zA-Z\\d]*\\)"];
 
     //const regexGroups = [];
     let skipped = false;

package/containers/App/constants.js

@@ -83,17 +83,7 @@ export const BADGES_RELATED_TAGS = [
   "badge_expiry_Dd_dot_mm_dot_yy",
   "badge_expiry_dd_space_Mon",
   "Days_until_expiry",
-  "badges_enroll_expiry_date.FORMAT_1",
-  "badges_enroll_expiry_date.FORMAT_2",
-  "badges_enroll_expiry_date.FORMAT_3",
-  "badges_enroll_expiry_date.FORMAT_4",
-  "badges_enroll_expiry_date.FORMAT_5",
-  "badges_enroll_expiry_date.FORMAT_6",
-  "badges_enroll_expiry_date.FORMAT_7",
-  "badges_enroll_expiry_date.FORMAT_8",
-  "badges_enroll_expiring_in_days",
 ];
-export const BADGES_ENROLL = 'BADGES_ENROLL';
 
 export const CUSTOMER_BARCODE_TAG = "customer_barcode";
 export const COPY_OF = "Copy of";

package/package.json

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

package/utils/common.js

@@ -16,7 +16,6 @@ import {
   JP_LOCALE_HIDE_FEATURE,
   ENABLE_CUSTOMER_BARCODE_TAG,
   BADGES_UI_ENABLED,
-  BADGES_ENROLL,
 } from '../containers/App/constants';
 import { apiMessageFormatHandler } from './commonUtils';
 
@@ -167,12 +166,8 @@ export function getTreeStructuredTags({tagsList, userLocale = 'en', offerDetails
     }
   });
   let combinedTags = result;
-  if (offerDetails?.length) {
-    if (offerDetails?.[0]?.type === BADGES_ENROLL) {
-      combinedTags = transformBadgeTags(offerDetails, result);
-    } else {
-      combinedTags = transformCouponTags(offerDetails, result);
-    }
+  if (offerDetails.length) {
+    combinedTags = transformCouponTags(offerDetails, result);
   }
   return getTreeStructureData(combinedTags);
 }
@@ -198,7 +193,7 @@ function transformCouponTags(offerDetails, allTags) {
     return {
       ...obj,
       ...tempObj,
-      incentiveSeriesId: id,
+      couponSeriesId: id,
     };
   };
   offerDetails.forEach((offer) => {
@@ -221,7 +216,7 @@ function transformCouponTags(offerDetails, allTags) {
       'tag-header': true,
       'name': couponNameFinal || couponId,
       'desc': couponNameFinal || couponId,
-      'incentiveSeriesId': couponId,
+      'couponSeriesId': couponId,
       'subtags': couponSubTags,
       'resolved': true,
       'couponTags': true,
@@ -232,44 +227,6 @@ 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 { badgesMetaId, badgeName } = offer || {};
-    const badgeSubTags = {};
-    badgeTagsKeys.forEach((badgeTagKey) => {
-      const badgeSubTagsObj = withBadgeId(allTags?.Badge?.subtags?.[badgeTagKey], badgesMetaId);
-      badgeSubTags[badgeTagKey] = badgeSubTagsObj;
-    });
-    badgeTags[badgesMetaId] = {
-      'tag-header': true,
-      'name': badgeName,
-      'desc': badgeName,
-      'incentiveSeriesId': badgesMetaId,
-      '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/tagValidations.js

@@ -105,7 +105,7 @@ const indexOfEnd = (targetString, string) => {
 }
 
 const skipTags = (tag) => {
-  const regexGroups = ["dynamic_expiry_date_after_\\d+_days.FORMAT_\\d", "unsubscribe\\(#[a-zA-Z\\d]{6}\\)","Link_to_[a-zA-z]","SURVEY.*.TOKEN","^[A-Za-z].*\\([\\d]*\\)"];
+  const regexGroups = ["dynamic_expiry_date_after_\\d+_days.FORMAT_\\d", "unsubscribe\\(#[a-zA-Z\\d]{6}\\)","Link_to_[a-zA-z]","SURVEY.*.TOKEN", "^[A-Za-z].*\\([a-zA-Z\\d]*\\)"];
   let skipped = false;
   lodashForEach(regexGroups, (group) => {
     const groupRegex = new RegExp(group, "g");

package/utils/tests/common.mockdata.js

@@ -102,454 +102,6 @@ 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",
-        "badges_enroll_expiring_in_days",
-      ],
-      "tag-header": true,
-      "supportedModules": [
-        {
-          context: "loyalty",
-          layout: "sms",
-          mandatory: false,
-        },
-        {
-          context: "loyalty",
-          layout: "email",
-          mandatory: false,
-        },
-        {
-          context: "loyalty",
-          layout: "mobilepush",
-          mandatory: false,
-        },
-        {
-          context: "outbound",
-          layout: "sms",
-          mandatory: false,
-        },
-        {
-          context: "default",
-          layout: "sms",
-          mandatory: false,
-        },
-        {
-          context: "outbound",
-          layout: "email",
-          mandatory: false,
-        },
-        {
-          context: "default",
-          layout: "email",
-          mandatory: false,
-        },
-        {
-          context: "outbound",
-          layout: "mobilepush",
-          mandatory: false,
-        },
-        {
-          context: "default",
-          layout: "mobilepush",
-          mandatory: false,
-        },
-        {
-          context: "outbound",
-          layout: "wechat",
-          mandatory: false,
-        },
-        {
-          context: "default",
-          layout: "wechat",
-          mandatory: false,
-        },
-        {
-          context: "outbound",
-          layout: "line",
-          mandatory: false,
-        },
-        {
-          context: "default",
-          layout: "line",
-          mandatory: false,
-        },
-        {
-          context: "outbound",
-          layout: "ebill",
-          mandatory: false,
-        },
-        {
-          context: "default",
-          layout: "ebill",
-          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: "655b0afec0af192ba585cc98",
-    type: "TAG",
-    definition: {
-      "label": {
-        "en": "Badge Expiry Date",
-        "ja-JP": "バッジの有効期限",
-      },
-      "value": "Badge_expiry_date",
-      "subtags": [
-        "badge_expiry_mm_slash_dd_slash_yyyy",
-        "badge_expiry_dd_slash_mm_slash_yyyy",
-        "badge_expiry_yyyy_hyphen_mm_hyphen_dd",
-        "badge_expiry_mm_slash_dd_slash_yy",
-        "badge_expiry_dd_space_Mon_space_yyyy",
-        "badge_expiry_Day_comma_space_Mon_space_dd_comma_space_yy",
-        "badge_expiry_Dd_dot_mm_dot_yy",
-        "badge_expiry_dd_space_Mon",
-        "badges_enroll_expiry_date.FORMAT_1",
-        "badges_enroll_expiry_date.FORMAT_2",
-        "badges_enroll_expiry_date.FORMAT_3",
-        "badges_enroll_expiry_date.FORMAT_4",
-        "badges_enroll_expiry_date.FORMAT_5",
-        "badges_enroll_expiry_date.FORMAT_6",
-        "badges_enroll_expiry_date.FORMAT_7",
-        "badges_enroll_expiry_date.FORMAT_8",
-      ],
-      "tag-header": true,
-      "supportedModules": [
-        {
-          context: "loyalty",
-          layout: "sms",
-          mandatory: false,
-        },
-        {
-          context: "loyalty",
-          layout: "email",
-          mandatory: false,
-        },
-        {
-          context: "loyalty",
-          layout: "mobilepush",
-          mandatory: false,
-        },
-        {
-          context: "outbound",
-          layout: "sms",
-          mandatory: false,
-        },
-        {
-          context: "default",
-          layout: "sms",
-          mandatory: false,
-        },
-        {
-          context: "outbound",
-          layout: "email",
-          mandatory: false,
-        },
-        {
-          context: "default",
-          layout: "email",
-          mandatory: false,
-        },
-        {
-          context: "outbound",
-          layout: "mobilepush",
-          mandatory: false,
-        },
-        {
-          context: "default",
-          layout: "mobilepush",
-          mandatory: false,
-        },
-        {
-          context: "outbound",
-          layout: "wechat",
-          mandatory: false,
-        },
-        {
-          context: "default",
-          layout: "wechat",
-          mandatory: false,
-        },
-        {
-          context: "outbound",
-          layout: "line",
-          mandatory: false,
-        },
-        {
-          context: "default",
-          layout: "line",
-          mandatory: false,
-        },
-        {
-          context: "outbound",
-          layout: "ebill",
-          mandatory: false,
-        },
-        {
-          context: "default",
-          layout: "ebill",
-          mandatory: false,
-        },
-      ],
-    },
-    scope: {
-      tag: "STANDARD",
-      orgId: -1,
-      verticals: [],
-    },
-    isActive: true,
-  },
-  {
-    _id: "655b617e48bc1275ad0c717c",
-    type: "TAG",
-    definition: {
-      "label": {
-        "en": "Days_until_expiry",
-        "ja-JP": "有効期限までの日数",
-      },
-      "value": "badges_enroll_expiring_in_days",
-      "subtags": [],
-      "tag-header": false,
-      "supportedModules": [
-        {
-          context: "outbound",
-          layout: "sms",
-          mandatory: false,
-        },
-        {
-          context: "default",
-          layout: "sms",
-          mandatory: false,
-        },
-        {
-          context: "outbound",
-          layout: "email",
-          mandatory: false,
-        },
-        {
-          context: "default",
-          layout: "email",
-          mandatory: false,
-        },
-        {
-          context: "outbound",
-          layout: "mobilepush",
-          mandatory: false,
-        },
-        {
-          context: "default",
-          layout: "mobilepush",
-          mandatory: false,
-        },
-        {
-          context: "outbound",
-          layout: "wechat",
-          mandatory: false,
-        },
-        {
-          context: "default",
-          layout: "wechat",
-          mandatory: false,
-        },
-        {
-          context: "outbound",
-          layout: "line",
-          mandatory: false,
-        },
-        {
-          context: "default",
-          layout: "line",
-          mandatory: false,
-        },
-        {
-          context: "outbound",
-          layout: "ebill",
-          mandatory: false,
-        },
-        {
-          context: "default",
-          layout: "ebill",
-          mandatory: false,
-        },
-      ],
-    },
-    scope: {
-      verticals: [],
-      orgId: -1,
-      tag: "STANDARD",
-    },
-    isActive: true,
-  },
-  {
-    _id: "65818c77915d01082d1d34de",
-    type: "TAG",
-    definition: {
-      "label": {
-        en: "mm/dd/yyyy",
-      },
-      "value": "badges_enroll_expiry_date.FORMAT_1",
-      "subtags": [],
-      "tag-header": false,
-      "supportedModules": [
-        {
-          context: "outbound",
-          layout: "sms",
-          mandatory: false,
-        },
-        {
-          context: "default",
-          layout: "sms",
-          mandatory: false,
-        },
-        {
-          context: "outbound",
-          layout: "email",
-          mandatory: false,
-        },
-        {
-          context: "default",
-          layout: "email",
-          mandatory: false,
-        },
-        {
-          context: "outbound",
-          layout: "mobilepush",
-          mandatory: false,
-        },
-        {
-          context: "default",
-          layout: "mobilepush",
-          mandatory: false,
-        },
-        {
-          context: "outbound",
-          layout: "wechat",
-          mandatory: false,
-        },
-        {
-          context: "default",
-          layout: "wechat",
-          mandatory: false,
-        },
-        {
-          context: "outbound",
-          layout: "line",
-          mandatory: false,
-        },
-        {
-          context: "default",
-          layout: "line",
-          mandatory: false,
-        },
-        {
-          context: "outbound",
-          layout: "ebill",
-          mandatory: false,
-        },
-        {
-          context: "default",
-          layout: "ebill",
-          mandatory: false,
-        },
-      ],
-    },
-    scope: {
-      tag: "STANDARD",
-      orgId: -1,
-      verticals: [],
-    },
-    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: [{children: [{disabled: false, title: "mm/dd/yyyy", value: "{{badges_enroll_expiry_date.FORMAT_1}}"}], disabled: false, selectable: false, title: "Badge Expiry Date", value: "{{Badge_expiry_date}}"}, {disabled: false, title: "Days_until_expiry", value: "{{badges_enroll_expiring_in_days}}"}], 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 = [
@@ -571,42 +123,3 @@ export const output2 = [
     value: "{{optout}}",
   },
 ];
-export const offer = [
-  { badgesMetaId: "12", badgeName: "moye_moye", type: "BADGES_ENROLL" },
-];
-export const expectedOffer = [
-  {
-    children: [
-      {
-        children: [
-          {
-            children: [
-              {
-                disabled: false,
-                title: "mm/dd/yyyy",
-                value: "{{badges_enroll_expiry_date.FORMAT_1}}",
-              },
-            ],
-            disabled: false,
-            selectable: false,
-            title: "Badge Expiry Date",
-            value: "{{Badge_expiry_date}}",
-          },
-          {
-            disabled: false,
-            title: "Days_until_expiry",
-            value: "{{badges_enroll_expiring_in_days}}",
-          },
-        ],
-        disabled: undefined,
-        selectable: false,
-        title: "moye_moye",
-        value: "{{undefined}}",
-      },
-    ],
-    disabled: false,
-    selectable: false,
-    title: "Badge",
-    value: "{{Badge}}",
-  },
-];

package/utils/tests/common.test.js

@@ -11,19 +11,12 @@ 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: mockdata.offer})).toEqual(mockdata.expectedOffer);
-  });
   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?.incentiveSeriesId ? `${key}(${val?.incentiveSeriesId})` : `${key}`}
+            key={val.couponSeriesId ? `${key}(${val.couponSeriesId})` : `${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?.incentiveSeriesId ? `${key}(${val?.incentiveSeriesId})` : `${key}`}
+            key={val.couponSeriesId ? `${key}(${val.couponSeriesId})` : `${key}`}
             disabled={childDisabled}
           >
           </CapTreeNode>);

package/v2Components/FormBuilder/index.js

@@ -1093,7 +1093,8 @@ class FormBuilder extends React.Component { // eslint-disable-line react/prefer-
   }
 
   skipTags(tag) {
-    const regexGroups = ["dynamic_expiry_date_after_\\d+_days.FORMAT_\\d", "unsubscribe\\(#[a-zA-Z\\d]{6}\\)","Link_to_[a-zA-z]","SURVEY.*.TOKEN","^[A-Za-z].*\\([a-zA-Z\\d]*\\)"];
+    const regexGroups = ["dynamic_expiry_date_after_\\d+_days.FORMAT_\\d", "unsubscribe\\(#[a-zA-Z\\d]{6}\\)","Link_to_[a-zA-z]","SURVEY.*.TOKEN", "^[A-Za-z].*\\([a-zA-Z\\d]*\\)"];
+
     //const regexGroups = [];
     let skipped = false;
     _.forEach(regexGroups, (group) => {

package/v2Containers/CreativesContainer/SlideBoxContent.js

@@ -744,6 +744,7 @@ export function SlideBoxContent(props) {
           getFormSubscriptionData={getFormData}
           onShowTemplates={onShowTemplates}
           templateData={templateData}
+          selectedOfferDetails={selectedOfferDetails}
           createNew/>
       )}
 
@@ -759,6 +760,7 @@ export function SlideBoxContent(props) {
         getFormSubscriptionData={getFormData}
         onShowTemplates={onShowTemplates}
         templateData={templateData}
+        selectedOfferDetails={selectedOfferDetails}
         createNew/> }
 
       {isCreateWhatsapp && (<Whatsapp

package/v2Containers/TagList/index.js

@@ -22,8 +22,8 @@ import './_tagList.scss';
 import { selectCurrentOrgDetails } from '../Cap/selectors';
 import { injectIntl } from 'react-intl';
 import { scope } from './messages';
-import { handleInjectedData, hasGiftVoucherFeature, hasPromoFeature, hasBadgesFeature, transformBadgeTags } from '../../utils/common';
-import { GIFT_VOUCHER_RELATED_TAGS, PROMO_ENGINE_RELATED_TAGS, BADGES_RELATED_TAGS, BADGES_ENROLL } from '../../containers/App/constants';
+import { handleInjectedData, hasGiftVoucherFeature, hasPromoFeature, hasBadgesFeature } from '../../utils/common';
+import { GIFT_VOUCHER_RELATED_TAGS, PROMO_ENGINE_RELATED_TAGS, BADGES_RELATED_TAGS } from '../../containers/App/constants';
 
 const TreeNode = Tree.TreeNode;
 
@@ -79,7 +79,6 @@ export class TagList extends React.Component { // eslint-disable-line react/pref
   generateTags = (props) => {
     let tags = {};
     let injectedTags = {};
-    const {selectedOfferDetails } = props;
     if (props.injectedTags && !_.isEmpty(props.injectedTags)) {
       const formattedInjectedTags = handleInjectedData(
         props.injectedTags,
@@ -90,12 +89,8 @@ export class TagList extends React.Component { // eslint-disable-line react/pref
     if (props.tags && props.tags.length > 0) {
       tags = this.populateTags(props.tags);
     }
-    if (selectedOfferDetails && !_.isEmpty(selectedOfferDetails) ) {
-      if ((selectedOfferDetails[0]?.type === BADGES_ENROLL) && (tags && tags?.Badge) ) {
-        transformBadgeTags(selectedOfferDetails, tags);
-      } else if (tags && tags?.coupon) {
-        this.transformCouponTags(selectedOfferDetails, tags);
-      }
+    if (props.selectedOfferDetails && !_.isEmpty(props.selectedOfferDetails) && (tags && tags.coupon)) {
+      this.transformCouponTags(props.selectedOfferDetails, tags);
     }
     this.setState({tags: _.merge( {}, tags, injectedTags)});
   }
@@ -135,7 +130,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,
         };
       }
     });
@@ -202,7 +197,7 @@ export class TagList extends React.Component { // eslint-disable-line react/pref
       return {
         ...obj,
         ...tempObj,
-        incentiveSeriesId: id,
+        couponSeriesId: id,
       };
     };
     offerDetails.forEach((offer) => {
@@ -219,7 +214,7 @@ export class TagList extends React.Component { // eslint-disable-line react/pref
         'tag-header': true,
         'name': couponNameFinal || couponId,
         'desc': couponNameFinal || couponId,
-        'incentiveSeriesId': couponId,
+        'couponSeriesId': couponId,
         'subtags': couponSubTags,
         'resolved': true,
         'couponTags': true,
@@ -311,7 +306,7 @@ TagList.propTypes = {
   modalProps: PropTypes.any,
   currentOrgDetails: PropTypes.object,
   channel: PropTypes.string,
-  disabled: PropTypes.bool,
+  disabled: PropTypes.bool
 };
 
 const mapStateToProps = createStructuredSelector({

package/v2Containers/Viber/index.js

@@ -77,6 +77,7 @@ const Viber = (props) => {
     viber = {},
     getFormSubscriptionData,
     viberData = {},
+    selectedOfferDetails = [],
   } = props || {};
 
   const { formatMessage } = intl;
@@ -287,6 +288,7 @@ const Viber = (props) => {
       injectedTags={injectedTags || {}}
       id={'viber_tags'}
       userLocale={localStorage.getItem('jlocale') || 'en'}
+      selectedOfferDetails={selectedOfferDetails}
     />
   </>);