@capillarytech/creatives-library 8.0.136 → 8.0.137-alpha.1

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",
+  "version": "8.0.137-alpha.1",
   "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,7 +187,6 @@ 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

@@ -13,7 +13,7 @@ import {
   IOS,
   ANDROID,
   EXTERNAL_URL,
-  BIG_TEXT
+  BIG_TEXT,
 } from "../v2Containers/CreativesContainer/constants";
 
 // Creates a base payload structure common to all channels

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

@@ -626,16 +626,6 @@
           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%;
           height: 11.25rem; // 180px

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';
@@ -700,7 +701,6 @@ export class TemplatePreview extends React.Component { // eslint-disable-line re
                                     poster={content?.bodyVideo?.videoPreview || undefined}
                                   >
                                     <source src={content.bodyVideo.videoSrc} type="video/mp4" />
-                                    {formatMessage(messages.videoNotSupported)}
                                   </video>
                                 );
                               } else if (content?.bodyGif) {
@@ -765,7 +765,6 @@ export class TemplatePreview extends React.Component { // eslint-disable-line re
                                     poster={content?.bodyVideo?.videoPreview || undefined}
                                   >
                                     <source src={content?.bodyVideo?.videoSrc} type="video/mp4" />
-                                    {formatMessage(messages.videoNotSupported)}
                                   </video>
                                 );
                               } else if (content?.bodyGif) {

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';

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 '../../../../containers/TagList/constants';
+import { GET_TRANSLATION_MAPPED } from '../../../../constants/unified';
 
 const { TextArea } = CapInput;
 const {CapCustomCardList} = CapCustomCard;

package/v2Containers/Line/Container/_lineCreate.scss

@@ -57,12 +57,10 @@
   }
   img {
     object-fit: cover;
-    max-width: 100%;
     max-height: 100%;
     height: 152px !important;
-    width: auto !important;
-    // max-width: 300px;
-    // max-height: 150px;
+    max-width: 18.75rem;
+   // max-height: 150px;
   }
 }
 

package/v2Containers/MobilePushNew/components/MediaUploaders.js

@@ -664,7 +664,6 @@ const MediaUploaders = ({
                       if (deepLinkKeysArray?.length > 0) {
                         return deepLinkKeysArray.join(', ');
                       }
-                      return "No value set";
                     })()}
                   </CapLabel>
                   <CapInput