@capillarytech/creatives-library 8.0.166 → 8.0.167

package/v2Components/CapTagList/index.js

@@ -30,8 +30,15 @@ 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, GET_TRANSLATION_MAPPED ,JAPANESE_HELP_TEXT, TAG_TRANSLATION_DOC} from '../../constants/unified';
+import { CARD_RELATED_TAGS, HOSPITALITY_RELATED_TAGS, CUSTOMER_BARCODE_TAG } from '../../containers/App/constants';
 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';
 
@@ -125,10 +132,9 @@ 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")) {
@@ -261,10 +267,9 @@ 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 '../../v2Containers/Templates/selectors';
-import * as templateActions from '../../v2Containers/Templates/actions';
+import {selectTemplateContent} from '../../containers/Templates/selectors';
+import * as templateActions from '../../containers/Templates/actions';
 
 const deviceAspectRatio = {
   mobile: {

package/v2Components/FormBuilder/index.js

@@ -54,9 +54,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 '../../constants/unified';
+import { GET_TRANSLATION_MAPPED } from '../../containers/TagList/constants';
 import moment from 'moment';
-import { CUSTOMER_BARCODE_TAG , COPY_OF, ENTRY_TRIGGER_TAG_REGEX} from '../../constants/unified';
+import { CUSTOMER_BARCODE_TAG , COPY_OF, ENTRY_TRIGGER_TAG_REGEX} from '../../containers/App/constants';
 import { REQUEST } from '../../v2Containers/Cap/constants'
 import { hasLiquidSupportFeature, isEmailUnsubscribeTagMandatory } from '../../utils/common';
 import { isUrl } from '../../v2Containers/Line/Container/Wrapper/utils';

package/v2Components/NavigationBar/tests/saga.test.js

@@ -1,61 +1,56 @@
 import { expectSaga } from "redux-saga-test-plan";
 import * as matchers from "redux-saga-test-plan/matchers";
 import CapCollapsibleLeftNavigationSagas from '@capillarytech/cap-ui-library/CapCollapsibleLeftNavigation/saga';
-
+import * as CapAskAira from '@capillarytech/cap-ui-library/CapAskAira';
 import rootSagas from "../saga";
 
-// Mock the analyticsBotSaga module
-jest.mock('@capillarytech/cap-ui-library/CapAskAira', () => ({
-  analyticsBotSaga: [
-    {
-      * call() { yield true; },
-    },
-    {
-      * call() { yield true; },
-    },
-  ],
-}));
-
 describe("analyticsBotSagaFn", () => {
   const { saga: analyticsBotSagaFn } = rootSagas.find(
     (s) => s.key === "analyticsBotSaga"
   );
 
-  test.concurrent("should handle when analyticsBotSaga is valid array", () => {
-    // Mock module with valid array
-    jest.mock('@capillarytech/cap-ui-library/CapAskAira', () => ({
-      analyticsBotSaga: [
-        {
-          * call() { yield true; },
-        },
-        {
-          * call() { yield true; },
-        },
-      ],
-    }));
+  beforeEach(() => {
+    // Reset all mocks before each test
+    jest.resetModules();
+    jest.clearAllMocks();
+  });
+
+  test("should handle when analyticsBotSaga is valid array", () => {
+    // Setup valid array case
+    const mockSagas = [
+      { call: jest.fn() },
+      { call: jest.fn() },
+    ];
+    Object.defineProperty(CapAskAira, 'analyticsBotSaga', {
+      value: mockSagas,
+      configurable: true,
+    });
 
     return expectSaga(analyticsBotSagaFn)
       .provide([
-        [matchers.call.fn(() => {}), undefined],
+        [matchers.call.fn(mockSagas[0].call), undefined],
+        [matchers.call.fn(mockSagas[1].call), undefined],
       ])
       .run();
   });
 
-  test.concurrent("should handle when analyticsBotSaga is undefined", () => {
-    // Mock module with undefined analyticsBotSaga
-    jest.mock('@capillarytech/cap-ui-library/CapAskAira', () => ({
-      analyticsBotSaga: undefined,
-    }));
+  test("should handle when analyticsBotSaga is undefined", () => {
+    // Setup undefined case
+    Object.defineProperty(CapAskAira, 'analyticsBotSaga', {
+      value: undefined,
+      configurable: true,
+    });
 
     return expectSaga(analyticsBotSagaFn)
       .run();
   });
 
-  test.concurrent("should handle when analyticsBotSaga is not an array", () => {
-    // Mock module with non-array analyticsBotSaga
-    jest.mock('@capillarytech/cap-ui-library/CapAskAira', () => ({
-      analyticsBotSaga: {},
-    }));
+  test("should handle when analyticsBotSaga is not an array", () => {
+    // Setup non-array case
+    Object.defineProperty(CapAskAira, 'analyticsBotSaga', {
+      value: {},
+      configurable: true,
+    });
 
     return expectSaga(analyticsBotSagaFn)
       .run();

package/v2Components/TemplatePreview/index.js

@@ -32,11 +32,10 @@ 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_SUCCESS } from '../../../constants/unified';
+import { LOGOUT_FAILURE, LOGOUT_REQUEST, LOGOUT_SUCCESS } from '../../../containers/Cap/constants';
 
 
 

package/v2Containers/Email/index.js

@@ -37,9 +37,9 @@ 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 '../../constants/unified';
 
 import { containsBase64Images } from '../../utils/content';
+import { CUSTOMER_BARCODE_TAG } from '../../containers/App/constants';
 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 '../Cap/actions';
+import * as globalActions from '../../containers/Cap/actions';
 import { TagList } from '../TagList';
 import { NO_COMMUNICATION, CREATE, EDIT, PREVIEW } from '../App/constants';
 import { getTreeStructuredTags } from '../../utils/common';

package/v2Containers/Line/Container/Text/index.js

@@ -17,7 +17,7 @@ import withStyles from '../../../../hoc/withStyles';
 import globalMessages from '../../../Cap/messages';
 import { validateTags } from '../../../../utils/tagValidations';
 import moment from 'moment';
-import { GET_TRANSLATION_MAPPED } from '../../../../constants/unified';
+import { GET_TRANSLATION_MAPPED } from '../../../../containers/TagList/constants';
 
 const { TextArea } = CapInput;
 const {CapCustomCardList} = CapCustomCard;

package/v2Containers/Sms/Create/index.js

@@ -24,7 +24,7 @@ import {getMessageObject} from '../../../utils/messageUtils';
 import { gtmPush } from '../../../utils/gtmTrackers';
 import * as creativesContainerActions from '../../CreativesContainer/actions';
 import {SMS} from '../../CreativesContainer/constants';
-// import callNativeEvent from '../../../legacy/callNativeEvent';
+// import callNativeEvent from '../../../utils/callNativeEvent';
 import {showError} from '../commonMethods';
 import withCreatives from '../../../hoc/withCreatives';
 import { GA } from '@capillarytech/cap-ui-utils';

package/v2Containers/Sms/Edit/index.js

@@ -24,7 +24,7 @@ import messages from './messages';
 import {getMessageObject} from '../../../utils/messageUtils';
 import { gtmPush } from '../../../utils/gtmTrackers';
 import * as creativesContainerActions from '../../CreativesContainer/actions';
-// import callNativeEvent from '../../../legacy/callNativeEvent';
+// import callNativeEvent from '../../../utils/callNativeEvent';
 import {showError} from '../commonMethods';
 import withCreatives from '../../../hoc/withCreatives';
 import { EDIT, TRACK_EDIT_SMS } from '../../App/constants';

package/v2Containers/TagList/index.js

@@ -28,7 +28,7 @@ import {
 } from '../../utils/common';
 import {
   GIFT_VOUCHER_RELATED_TAGS, PROMO_ENGINE_RELATED_TAGS, BADGES_RELATED_TAGS, BADGES_ENROLL, BADGES_ISSUE,
-} from '../../constants/unified';
+} from '../../containers/App/constants';
 
 const {TreeNode} = Tree;
 

package/v2Containers/TagList/utils.js

@@ -1,4 +1,4 @@
-import { JAPANESE_HIDE_DATE_TAGS } from "../../constants/unified";
+import { JAPANESE_HIDE_DATE_TAGS } from "../../containers/TagList/constants";
 
 
 export const hidingDateTagsForJpLocale = (hideDateTagsForJpLocale, val, list, value) => {

package/v2Containers/Templates/index.js

@@ -105,7 +105,7 @@ import {
   CREATE,
 } from '../App/constants';
 import {MAX_WHATSAPP_TEMPLATES, WARNING_WHATSAPP_TEMPLATES , ACCOUNT_MAPPING_ON_CHANNEL} from './constants';
-import { COPY_OF } from '../../constants/unified';
+import { COPY_OF } from '../../containers/App/constants';
 import {
   STATUS_OPTIONS,
   CATEGORY,

package/v2Containers/Templates/sagas.js

@@ -6,7 +6,7 @@ import get from 'lodash/get';
 import * as Api from '../../services/api';
 import * as types from './constants';
 import { saveCdnConfigs, removeAllCdnLocalStorageItems } from '../../utils/cdnTransformation';
-import { COPY_OF } from '../../constants/unified';
+import { COPY_OF } from '../../containers/App/constants';
 import { ZALO_TEMPLATE_INFO_REQUEST } from '../Zalo/constants';
 import { getTemplateInfoById } from '../Zalo/saga';
 import { watchCreateTemplate } from '../MobilePushNew/sagas';

package/constants/unified.js

@@ -1,189 +0,0 @@
-// 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';