@capillarytech/creatives-library 8.0.136-beta.4 → 8.0.137-alpha.0

package/constants/unified.js

@@ -0,0 +1,189 @@
+// Unified constants for cap-creatives-ui
+// Consolidated from legacy and v2 constants files
+
+// --- Channel Constants ---
+export const EMAIL = 'email';
+export const SMS = 'sms';
+export const MOBILE_PUSH = 'mobilepush';
+export const WECHAT = 'wechat';
+export const LINE = 'line';
+export const WHATSAPP = 'whatsapp';
+export const VIBER = 'viber';
+export const FACEBOOK = 'facebook';
+export const RCS = 'rcs';
+export const ZALO = 'zalo';
+export const INAPP = 'inapp';
+export const ASSETS = 'assets';
+export const TRANSACTION = 'transaction';
+export const PUSH = 'push';
+export const EMF = 'emf';
+export const VENENO = 'veneno';
+export const TEXT = 'text';
+export const IOS = 'ios';
+export const ANDROID = 'android';
+export const EXTERNAL_URL = 'external_url';
+export const BIG_TEXT = 'big_text';
+
+// --- App State Constants ---
+export const CREATE = 'create';
+export const EDIT = 'edit';
+export const PREVIEW = 'preview';
+export const CREATIVES = 'creatives';
+export const LOYALTY = 'loyalty';
+export const CREATIVES_UI_VIEW = 'CREATIVES_UI_VIEW';
+export const DEFAULT = 'default';
+export const DEFAULT_MODULE = 'creatives';
+export const DEFAULT_LOCALE = 'en';
+
+// --- Feature Flags & Validation ---
+export const STORE2DOOR_PLUS_ENABLED = 'STORE2DOOR_PLUS_ENABLED';
+export const TRAI_DLT = 'TRAI_DLT';
+export const CARD_BASED_SCOPE = 'CARD_BASED_SCOPE';
+export const HOSPITALITY_BASED_SCOPE = 'HOSPITALITY_BASED_SCOPE';
+export const REGISTRATION_CUSTOM_FIELD = 'Registration custom fields';
+export const GIFT_CARDS = 'GIFT_CARDS';
+export const PROMO_ENGINE = 'PROMO_ENGINE';
+export const LIQUID_SUPPORT = 'ENABLE_LIQUID_SUPPORT';
+export const ENABLE_NEW_MPUSH = 'ENABLE_NEW_MPUSH';
+export const CUSTOM_TAG = 'CustomTagMessage';
+export const CUSTOMER_EXTENDED_FIELD = 'Customer extended fields';
+export const EXTENDED_TAG = 'ExtendedTagMessage';
+export const BADGES_UI_ENABLED = 'BADGES_UI_ENABLED';
+export const JP_LOCALE_HIDE_FEATURE = 'JP_LOCALE_HIDE_FEATURE';
+export const ENABLE_WECHAT = 'ENABLE_WECHAT';
+export const ENABLE_CUSTOMER_BARCODE_TAG = 'ENABLE_CUSTOMER_BARCODE_TAG';
+export const EMAIL_UNSUBSCRIBE_TAG_MANDATORY = 'EMAIL_UNSUBSCRIBE_TAG_MANDATORY';
+export const ENABLE_AI_SUGGESTIONS = 'ENABLE_AI_SUGGESTIONS';
+export const AI_CONTENT_BOT_DISABLED = 'AI_CONTENT_BOT_DISABLED';
+export const AI_DOCUMENTATION_BOT_ENABLED = 'AI_DOCUMENTATION_BOT_ENABLED';
+export const ENABLE_NEW_LEFT_NAVIGATION = 'ENABLE_NEW_LEFT_NAVIGATION';
+export const ENABLE_PRODUCT_SUPPORT_VIDEOS = 'ENABLE_PRODUCT_SUPPORT_VIDEOS';
+export const EMBEDDED = 'embedded';
+// --- Tag/Validation Constants ---
+export const CARD_RELATED_TAGS = [
+  'card_series',
+  'card_number',
+  'card_issue_date',
+  'card_status',
+  'card_series_name',
+  'card_name',
+];
+export const HOSPITALITY_RELATED_TAGS = [
+  'hospitality_series',
+  'tax_Code',
+  'roomTypeCode',
+  'bookingChannel',
+  'hotelReservationID_ResID_Type',
+  'lastModifyDateTime',
+  'guestCounts_IsPerRoom',
+  'ratePlan_RatePlanCode',
+  'resID_Value',
+  'numberOfUnits',
+  'rateTimeUnit',
+  'resStatus',
+  'timeSpan_End',
+  'roomStay_MarketCode',
+  'createDateTime',
+  'amount',
+  'timeSpan_Start',
+  'email',
+  'resID_Source',
+];
+export const GIFT_VOUCHER_RELATED_TAGS = [
+  'gift_voucher',
+  'gift_voucher_expiry_date.FORMAT_1',
+  'gift_voucher_expiry_date.FORMAT_2',
+  'gift_voucher_expiry_date.FORMAT_3',
+  'gift_voucher_expiry_date.FORMAT_4',
+  'gift_voucher_expiry_date.FORMAT_5',
+  'gift_voucher_expiry_date.FORMAT_6',
+  'gift_voucher_expiry_date.FORMAT_7',
+  'gift_voucher_expiry_date.FORMAT_8',
+  'gift_voucher_expiry_date',
+];
+export const PROMO_ENGINE_RELATED_TAGS = [
+  'promotion',
+  'promotion_expiry_date.FORMAT_1',
+  'promotion_expiry_date.FORMAT_2',
+  'promotion_expiry_date.FORMAT_3',
+  'promotion_expiry_date.FORMAT_4',
+  'promotion_expiry_date.FORMAT_5',
+  'promotion_expiry_date.FORMAT_6',
+  'promotion_expiry_date.FORMAT_7',
+  'promotion_expiry_date.FORMAT_8',
+  'promotion_expiry_date',
+];
+export const BADGES_RELATED_TAGS = [
+  'Badge_expiry_date',
+  'badges_issue_expiry_date',
+  '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',
+  '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',
+  'badges_issue_expiry_date.FORMAT_1',
+  'badges_issue_expiry_date.FORMAT_2',
+  'badges_issue_expiry_date.FORMAT_3',
+  'badges_issue_expiry_date.FORMAT_4',
+  'badges_issue_expiry_date.FORMAT_5',
+  'badges_issue_expiry_date.FORMAT_6',
+  'badges_issue_expiry_date.FORMAT_7',
+  'badges_issue_expiry_date.FORMAT_8',
+  'badges_issue_expiring_in_days',
+];
+export const BADGES_ENROLL = 'BADGES_ENROLL';
+export const BADGES_ISSUE = 'BADGES_ISSUE';
+export const CUSTOMER_BARCODE_TAG = 'customer_barcode';
+export const COPY_OF = 'Copy of';
+export const ENTRY_TRIGGER_TAG_REGEX = /\bentryTrigger\.\w+(?:\.\w+)?(?:\(\w+\))?/g;
+
+export const GET_TRANSLATION_MAPPED = {
+  'en': 'en-US',
+  'zh-cn': 'zh',
+  'zh': 'zh',
+  'en-US': 'en-US',
+  'ja-JP': 'ja-JP',
+};
+
+export const JAPANESE_HIDE_DATE_TAGS = [
+  "mm/dd/yyyy",
+  "dd/mm/yyyy",
+  "mm/dd/yy",
+  "dd Mon yyyy",
+  "Day, Mon dd, yy",
+  "dd.mm.yy",
+  "dd Mon",
+  "dd/m/yyyy",
+]; 
+
+export const LIQUID_SUPPORTED_CHANNELS = [EMAIL, SMS, MOBILE_PUSH, INAPP];
+
+// --- Line Constants ---
+export const STICKER = 'sticker';
+export const IMAGE = 'image';
+export const IMAGE_MAP = 'imagemap';
+export const IMAGE_CAROUSEL = 'image_carousel';
+export const TEMPLATE = 'flex';
+export const VIDEO = 'video';
+
+
+export const LOGOUT_REQUEST = 'cap/LOGOUT_REQUEST';
+export const LOGOUT_SUCCESS = 'cap/LOGOUT_SUCCESS';
+export const LOGOUT_FAILURE = 'cap/LOGOUT_FAILURE';
+
+export const JAPANESE_HELP_TEXT = 'ヘルプ :トークンの定義';
+
+export const TAG_TRANSLATION_DOC = 'https://docs.capillarytech.com/docs/tags-translation';

package/package.json

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

package/services/getSchema.js

@@ -1,4 +1,4 @@
-import {SMS, EMAIL, MOBILE_PUSH, WECHAT, LINE} from '../v2Containers/CreativesContainer/constants';
+import { SMS, EMAIL, MOBILE_PUSH, WECHAT } from '../v2Containers/CreativesContainer/constants';
 export default function getSchema(channel) {
   let schemaPath = '../containers/';
   switch (channel.toUpperCase()) {

package/services/localStorageApi.js

@@ -2,6 +2,7 @@
  * Created by vivek on 17/2/17.
  */
 
+//This is being used in the v2 containers and legacy flow aswell, please make sure to validate the DVS flow.
 export const loadItem = (key) => {
   try {
     const serializedState = localStorage.getItem(key);

package/tests/i18n.test.js

@@ -1,4 +1,4 @@
-import { DEFAULT_LOCALE } from '../containers/App/constants';
+import { DEFAULT_LOCALE } from '../constants/unified';
 import { formatTranslationMessages } from '../i18n';
 
 jest.mock('../translations/en.json', () => (

package/utils/common.js

@@ -22,8 +22,8 @@ import {
   BADGES_ISSUE,
   ENABLE_WECHAT,
   LIQUID_SUPPORT,
-  ENABLE_NEW_MPUSH,
-} from '../containers/App/constants';
+  ENABLE_NEW_MPUSH
+} from '../constants/unified';
 import { apiMessageFormatHandler } from './commonUtils';
 
 export function getUserNameById(userId, allUserList) {

package/utils/createMobilePushPayload.js

@@ -187,6 +187,7 @@ function buildPlatformContent(content, imageSrc, mpushVideoSrcAndPreview, platfo
       url: mpushVideoSrcAndPreview.mpushVideoSrc || (content?.mediaList?.[0]?.url || ''),
       text: content?.mediaList?.[0]?.text || '',
       type: VIDEO,
+      previewImg: mpushVideoSrcAndPreview.mpushVideoPreviewImg,
     }];
     templateType = VIDEO;
   } else if (style === GIF) { // Handle GIF media type

package/utils/tagValidations.js

@@ -8,7 +8,7 @@
 
 import lodashForEach from 'lodash/forEach';
 import lodashCloneDeep from 'lodash/cloneDeep';
-import { ENTRY_TRIGGER_TAG_REGEX } from '../containers/App/constants';
+import { ENTRY_TRIGGER_TAG_REGEX } from '../constants/unified';
 
 const DEFAULT = 'default';
 const SUBTAGS = 'subtags';

package/utils/tests/checkStore.test.js

@@ -1,4 +1,4 @@
-import checkStore from '../checkStore'; 
+import checkStore from '../../legacy/checkStore'; 
 
 describe('checkStore', () => {
   it('should not throw if the store is valid', () => {

package/utils/tests/customAuth.test.js

@@ -1,6 +1,6 @@
 import React from 'react';
 import { render } from '@testing-library/react';
-import UserAuthWrapper from '../customAuthWrapper';
+import UserAuthWrapper from '../../legacy/customAuthWrapper';
 
 const MockComponent = React.forwardRef((props, ref) => <div ref={ref} {...props}>Mock Component</div>);
 

package/utils/transformerUtils.js

@@ -7,16 +7,13 @@ import {
   WHATSAPP,
   PUSH,
   ZALO,
-  RCS,
-  LINE,
-  VIBER,
   EMF,
   VENENO,
   TEXT,
   IOS,
   ANDROID,
   EXTERNAL_URL,
-  BIG_TEXT
+  BIG_TEXT,
 } from "../v2Containers/CreativesContainer/constants";
 
 // Creates a base payload structure common to all channels
@@ -57,12 +54,6 @@ export const transformChannelPayload = (data, options = {}) => {
       return transformWhatsappPayload(data, options);
     case ZALO:
       return transformZaloPayload(data, options);
-    case RCS:
-      return transformRcsPayload(data, options);
-    case LINE:
-      return transformLinePayload(data, options);
-    case VIBER:
-      return transformViberPayload(data, options);
     default:
       return data; // Return unchanged for unsupported channels
   }
@@ -240,87 +231,8 @@ const transformZaloPayload = (zaloData, options = {}) => {
   return payload;
 };
 
-/**
- * Transforms RCS data to the required payload format
- * @param {Object} rcsData - Current RCS data
- * @param {Object} options - Additional options (ouId, sourceEntityId, etc.)
- * @returns {Object} - Transformed RCS payload
- */
-// TODO: RCS is currently not supported by the CCS - BE. We need to make changes in future as per the BE changes.
-const transformRcsPayload = (rcsData, options = {}) => {
-  const { loyaltyMetaData = {} } = options;
-  const { transformedMessageDetails = {} } = loyaltyMetaData;
-  const { rcsDeliverySettings = {} } = transformedMessageDetails;
-
-  // Get base payload structure
-  const payload = createBasePayload(RCS, loyaltyMetaData);
-
-  // Add RCS-specific properties
-  payload.centralCommsPayload.rcsMessageContent = {
-    channel: RCS,
-    messageBody: "",
-    accountId: rcsData?.accountId || "",
-    accountName: rcsData?.accountName || "",
-    ...rcsData,
-    // Ensure templateConfigs is preserved (it might contain complex nested objects)
-    templateConfigs: rcsData?.templateConfigs || {},
-  };
-  payload.centralCommsPayload.rcsDeliverySettings = rcsDeliverySettings || {};
-
-  return payload;
-};
-
-/**
- * Transforms LINE data to the required payload format
- * @param {Object} lineData - Current LINE data
- * @param {Object} options - Additional options (ouId, sourceEntityId, etc.)
- * @returns {Object} - Transformed LINE payload
- */
-const transformLinePayload = (lineData, options = {}) => {
-  const { loyaltyMetaData = {} } = options;
-  const { transformedMessageDetails = {} } = loyaltyMetaData;
-  const { lineDeliverySettings = {} } = transformedMessageDetails;
-
-  // Get base payload structure
-  const payload = createBasePayload(LINE, loyaltyMetaData);
-  payload.centralCommsPayload.lineMessageContent = {
-    channel: LINE,
-    accountId: lineData?.accountId || 0,
-    accountDetails: lineData?.accountDetails || "",
-    messageBody: lineData?.messageBody || "",
-    ...lineData,
-  };
-  payload.centralCommsPayload.lineDeliverySettings = lineDeliverySettings || {};
-  return payload;
-};
-
-/**
- * Transforms VIBER data to the required payload format
- * @param {Object} viberData - Current VIBER data
- * @param {Object} options - Additional options (ouId, sourceEntityId, etc.)
- * @returns {Object} - Transformed VIBER payload
- */
-const transformViberPayload = (viberData, options = {}) => {
-  const { loyaltyMetaData = {} } = options;
-  const { transformedMessageDetails = {} } = loyaltyMetaData;
-  const { viberDeliverySettings = {} } = transformedMessageDetails;
-  // Get base payload structure
-  const payload = createBasePayload(VIBER, loyaltyMetaData);
-  payload.centralCommsPayload.viberMessageContent = {
-    channel: VIBER,
-    accountId: viberData?.accountId || 0,
-    accountDetails: viberData?.accountDetails || "",
-    messageBody: viberData?.messageBody || "",
-    ...viberData,
-  };
-  payload.centralCommsPayload.viberDeliverySettings = viberDeliverySettings || {};
-  return payload;
-};
-
 // Checks if the template has changed
 export const getTemplateDiffState = (channel, oldData, newData) => {
-  // Original switch implementation (commented out)
-  /*
   switch (channel.toUpperCase()) {
     case SMS:
       return checkSmsDiff(oldData, newData);
@@ -333,34 +245,9 @@ export const getTemplateDiffState = (channel, oldData, newData) => {
       return checkWhatsappDiff(oldData, newData);
     case ZALO:
       return checkZaloDiff(oldData, newData);
-    case LINE:
-      return checkLineDiff(oldData, newData);
-    case VIBER:
-      return checkViberDiff(oldData, newData);
-    // TODO: RCS is currently not supported by the CCS - BE. We need to make changes in future as per the BE changes.
-    // case RCS:
-    //   return checkRcsDiff(oldData, newData);
     default:
       return false;
   }
-  */
-
-  // Refactored implementation using object mapping
-  const diffHandlers = {
-    [SMS]: checkSmsDiff,
-    [EMAIL]: checkEmailDiff,
-    [MOBILE_PUSH]: checkPushDiff,
-    [PUSH]: checkPushDiff,
-    [WHATSAPP]: checkWhatsappDiff,
-    [ZALO]: checkZaloDiff,
-    [LINE]: checkLineDiff,
-    [VIBER]: checkViberDiff,
-    // TODO: RCS is currently not supported by the CCS - BE. We need to make changes in future as per the BE changes.
-    // [RCS]: checkRcsDiff,
-  };
-
-  const handler = diffHandlers[channel?.toUpperCase()];
-  return handler ? handler(oldData, newData) : false;
 };
 /**
  * Checks differences between old and new SMS data
@@ -531,97 +418,3 @@ const checkZaloDiff = (oldData, newData) => {
   // Use deep comparison for template configs
   return !isEqual(oldTemplateConfigs, newTemplateConfigs);
 };
-
-/**
- * Checks differences between old and new RCS data
- * @param {Object} oldData - Previous RCS template data
- * @param {Object} newData - Updated RCS template data
- * @returns {Boolean} - Whether the template has changed
- */
-// TODO: RCS is currently not supported by the CCS - BE. We need to make changes in future as per the BE changes.
-const checkRcsDiff = (oldData, newData) => {
-  // Extract old RCS content
-  const oldTemplateConfigs =
-    oldData?.transformedMessageDetails?.rcsMessageContent?.templateConfigs ||
-    {};
-  const oldAccountId =
-    oldData?.transformedMessageDetails?.rcsMessageContent?.accountId || "";
-  const oldAccountName =
-    oldData?.transformedMessageDetails?.rcsMessageContent?.accountName || "";
-
-  // Extract new RCS content
-  const newTemplateConfigs = newData?.templateConfigs || {};
-  const newAccountId = newData?.accountId || "";
-  const newAccountName = newData?.accountName || "";
-
-  // Compare simple properties for quick rejection
-  if (oldAccountId !== newAccountId) return true;
-  if (oldAccountName !== newAccountName) return true;
-
-  // If template configs have different structures, they've changed
-  if (
-    Object.keys(newTemplateConfigs).length !==
-    Object.keys(oldTemplateConfigs).length
-  ) {
-    return true;
-  }
-
-  // Use deep comparison for template configs
-  return !isEqual(oldTemplateConfigs, newTemplateConfigs);
-};
-
-/**
- * Checks differences between old and new LINE data
- * @param {Object} oldData - Previous LINE template data
- * @param {Object} newData - Updated LINE template data
- * @returns {Boolean} - Whether the template has changed
- */
-const checkLineDiff = (oldData, newData) => {
-  // Extract old LINE content
-  const oldMessageBody =
-    oldData?.transformedMessageDetails?.lineMessageContent?.messageBody || "";
-  const oldAccountId =
-    oldData?.transformedMessageDetails?.lineMessageContent?.accountId || "";
-  const oldAccountDetails =
-    oldData?.transformedMessageDetails?.lineMessageContent?.accountDetails || "";
-
-  // Extract new LINE content
-  const newMessageBody = newData?.messageBody || "";
-  const newAccountId = newData?.accountId || "";
-  const newAccountDetails = newData?.accountDetails || "";
-
-  // Compare simple properties for quick rejection
-  if (oldMessageBody !== newMessageBody) return true;
-  if (oldAccountId !== newAccountId) return true;
-  if (oldAccountDetails !== newAccountDetails) return true;
-
-  return false;
-};
-
-/**
- * Checks differences between old and new VIBER data
- * @param {Object} oldData - Previous VIBER template data
- * @param {Object} newData - Updated VIBER template data
- * @returns {Boolean} - Whether the template has changed
- */
-const checkViberDiff = (oldData, newData) => {
-  // Extract old VIBER content
-  const oldMessageBody =
-    oldData?.transformedMessageDetails?.viberMessageContent?.messageBody || "";
-  const oldAccountId =
-    oldData?.transformedMessageDetails?.viberMessageContent?.accountId || "";
-  const oldAccountDetails =
-    oldData?.transformedMessageDetails?.viberMessageContent?.accountDetails || "";
-
-  // Extract new VIBER content
-  const newMessageBody = newData?.messageBody || "";
-  const newAccountId = newData?.accountId || "";
-  const newAccountDetails = newData?.accountDetails || "";
-
-  // Compare simple properties for quick rejection
-  if (oldMessageBody !== newMessageBody) return true;
-  if (oldAccountId !== newAccountId) return true;
-  if (oldAccountDetails !== newAccountDetails) return true;
-
-  return false;
-};

package/v2Components/CapTagList/index.js

@@ -30,15 +30,8 @@ import { FormattedMessage, injectIntl, intlShape } from 'react-intl';
 import { createStructuredSelector } from 'reselect';
 import messages from './messages';
 import { makeSelectLoyaltyPromotionDisplay } from '../../v2Containers/Cap/selectors';
-import { CARD_RELATED_TAGS, HOSPITALITY_RELATED_TAGS, CUSTOMER_BARCODE_TAG } from '../../containers/App/constants';
+import { CARD_RELATED_TAGS, HOSPITALITY_RELATED_TAGS, CUSTOMER_BARCODE_TAG, GET_TRANSLATION_MAPPED ,JAPANESE_HELP_TEXT, TAG_TRANSLATION_DOC} from '../../constants/unified';
 import { hasCardBasedScope, hasCustomerBarcodeFeatureEnabled, hasHospitalityBasedScope } from '../../utils/common';
-
-import {
-  GET_TRANSLATION_MAPPED,
-  JAPANESE_HELP_TEXT,
-  TAG_TRANSLATION_DOC,
-  STRING,
-} from "../../containers/TagList/constants";
 import { EMAIL, JP_LOCALE_HIDE_FEATURE, LOYALTY } from '../../v2Containers/App/constants';
 import { hidingDateTagsForJpLocale } from '../../v2Containers/TagList/utils';
 
@@ -132,9 +125,10 @@ class CapTagList extends React.Component { // eslint-disable-line react/prefer-s
   getSearchedExpandedKeys(tags, value = '') {
     let list = [];
     _.forEach(tags, (val = {}, key) => {
-      const tagName = typeof val?.name === STRING
-        ? _.toLower(_.get(val, "name", ""))
-        : _.toLower(_.get(val, "name.props.defaultMessage", ""));
+      const tagName =
+        typeof val?.name === 'string'
+          ? _.toLower(_.get(val, "name", ""))
+          : _.toLower(_.get(val, "name.props.defaultMessage", ""));
       const tagNameWithoutUnderscore = tagName.replace(/_/g, " ");
       const searchStringLower = _.toLower(value);
       if (_.has(val, "subtags")) {
@@ -267,9 +261,10 @@ class CapTagList extends React.Component { // eslint-disable-line react/prefer-s
         supportedTagsString += `${supportedTag} ,`;
       });
       supportedTagsString = supportedTagsString.replace(/,\s*$/, "");
-      const tagName = typeof val?.name === STRING
-        ? _.toLower(_.get(val, "name", ""))
-        : _.toLower(_.get(val, "name.props.defaultMessage", ""));
+      const tagName =
+        typeof val?.name === 'string'
+          ? _.toLower(_.get(val, "name", ""))
+          : _.toLower(_.get(val, "name.props.defaultMessage", ""));
       const tagNameWithoutUnderscore = tagName.replace(/_/g, " ");
       const searchStringLower = _.toLower(searchString);
       const tagContainsSearchedString = searchStringLower

package/v2Components/Carousel/style.scss

@@ -26,7 +26,7 @@
     text-align: center;
     width: 120px !important;
     border-radius: 12px;
-    background-color: $CAP_G09,
+    background-color: $CAP_G09;
   }
   
   .ant-carousel .slick-slide {

package/v2Components/EmailMobilePreview/index.js

@@ -19,8 +19,8 @@ import messages from '../EmailPreviewV2/messages';
 import './index.scss';
 import mobileBody from '../../assets/DeviceForEmail.png';
 import { iframePreviewAdjustWidth, removeLinksFromHtmlContent } from './../../utils/common';
-import {selectTemplateContent} from '../../containers/Templates/selectors';
-import * as templateActions from '../../containers/Templates/actions';
+import {selectTemplateContent} from '../../v2Containers/Templates/selectors';
+import * as templateActions from '../../v2Containers/Templates/actions';
 
 const deviceAspectRatio = {
   mobile: {

package/v2Components/FormBuilder/index.js

@@ -53,9 +53,9 @@ import { SMS, MOBILE_PUSH, LINE, ENABLE_AI_SUGGESTIONS,AI_CONTENT_BOT_DISABLED,
 import globalMessages from '../../v2Containers/Cap/messages';
 import { convert } from 'html-to-text';
 import { OUTBOUND } from './constants';
-import { GET_TRANSLATION_MAPPED } from '../../containers/TagList/constants';
+import { GET_TRANSLATION_MAPPED } from '../../constants/unified';
 import moment from 'moment';
-import { CUSTOMER_BARCODE_TAG , COPY_OF, ENTRY_TRIGGER_TAG_REGEX} from '../../containers/App/constants';
+import { CUSTOMER_BARCODE_TAG , COPY_OF, ENTRY_TRIGGER_TAG_REGEX} from '../../constants/unified';
 import { REQUEST } from '../../v2Containers/Cap/constants'
 import { hasLiquidSupportFeature, isEmailUnsubscribeTagMandatory } from '../../utils/common';
 import { isUrl } from '../../v2Containers/Line/Container/Wrapper/utils';

package/v2Components/TemplatePreview/_templatePreview.scss

@@ -625,6 +625,16 @@
           object-fit: contain;
           border-radius: 0.5rem 0.5rem 0 0; // 8px
         }
+
+        // // Override FormBuilder CSS for carousel images
+        // .image-container {
+        //   img {
+        //     object-fit: cover !important;
+        //     max-width: 18.75rem;
+        //     max-height: 9.5rem !important;
+        //     display: block !important;
+        //   }
+        // }
     
         .carousel-video-preview {
           width: 100%;
@@ -1085,7 +1095,6 @@
 
 .MOBILEPUSH {
   .ant-card-body {
-    padding: 0;
     background-color: $CAP_WHITE;
     border-top: 1px solid $CAP_COLOR_16;
     .ant-card-meta {

package/v2Components/TemplatePreview/index.js

@@ -32,10 +32,11 @@ import {
   RCS,
   ZALO,
   INAPP,
+  VIBER, 
+  FACEBOOK,
   MOBILE_PUSH
 } from '../../v2Containers/CreativesContainer/constants';
 import Carousel from '../Carousel';
-import { VIBER, FACEBOOK } from '../../v2Containers/App/constants';
 import whatsappMobileAndroid from './assets/images/whatsapp_mobile_android.svg';
 import inAppMobileAndroidModal from './assets/images/inapp_mobile_android_modal.svg';
 import inAppMobileAndroidTop from './assets/images/inapp_mobile_android_top.svg';

package/v2Containers/Cap/tests/saga.test.js

@@ -36,7 +36,7 @@ import {
   CREATE_CENTRAL_COMMS_META_ID_REQUEST,
 } from '../constants';
 import { callback, error, error2, videoConfigData } from '../../mockdata';
-import { LOGOUT_FAILURE, LOGOUT_REQUEST, LOGOUT_SUCCESS } from '../../../containers/Cap/constants';
+import { LOGOUT_FAILURE, LOGOUT_SUCCESS } from '../../../constants/unified';
 
 
 

package/v2Containers/Email/index.js

@@ -37,7 +37,7 @@ import { FONT_COLOR_05 } from '@capillarytech/cap-ui-library/styled/variables';
 import { gtmPush } from '../../utils/gtmTrackers';
 const {CapCustomCardList} = CapCustomCard;
 import {storeS3FileSizeDetails, CREATIVES_S3_ASSET_FILESIZES} from '../../utils/cdnTransformation';
-import { CUSTOMER_BARCODE_TAG } from '../../containers/App/constants';
+import { CUSTOMER_BARCODE_TAG } from '../../constants/unified';
 import injectReducer from '../../utils/injectReducer';
 import v2EmailReducer from './reducer';
 import { v2EmailSagas } from './sagas';

package/v2Containers/FTP/index.js

@@ -29,7 +29,7 @@ import { makeSelectLoyaltyPromotionDisplay, setInjectedTags } from '../Cap/selec
 import withCreatives from '../../hoc/withCreatives';
 import messages from './messages';
 import './_FTP.scss';
-import * as globalActions from '../../containers/Cap/actions';
+import * as globalActions from '../Cap/actions';
 import { TagList } from '../TagList';
 import { NO_COMMUNICATION, CREATE, EDIT, PREVIEW } from '../App/constants';
 import { getTreeStructuredTags } from '../../utils/common';