@capillarytech/creatives-library 8.0.147-beta.5 → 8.0.147

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,83 +231,6 @@ 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) => {
   switch (channel.toUpperCase()) {
@@ -331,13 +245,6 @@ 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;
   }
@@ -511,78 +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 { templateConfigs: oldTemplateConfigs = {}, accountId: oldAccountId = "", accountName: oldAccountName = "" } = 
-    oldData?.transformedMessageDetails?.rcsMessageContent || {};
-
-  // Extract new RCS content
-  const { templateConfigs: newTemplateConfigs = {}, accountId: newAccountId = "", accountName: newAccountName = "" } = newData || {};
-
-  // 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 { messageBody: oldMessageBody = "", accountId: oldAccountId = "", accountDetails: oldAccountDetails = "" } = 
-    oldData?.transformedMessageDetails?.lineMessageContent || {};
-
-  // Extract new LINE content
-  const { messageBody: newMessageBody = "", accountId: newAccountId = "", accountDetails: newAccountDetails = "" } = newData || {};
-
-  // 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 { messageBody: oldMessageBody = "", accountId: oldAccountId = "", accountDetails: oldAccountDetails = "" } = 
-    oldData?.transformedMessageDetails?.viberMessageContent || {};
-
-  // Extract new VIBER content
-  const { messageBody: newMessageBody = "", accountId: newAccountId = "", accountDetails: newAccountDetails = "" } = newData || {};
-
-  // 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

@@ -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 '../../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/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,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 '../../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/Sms/Create/index.js

@@ -18,13 +18,13 @@ import './_smsCreate.scss';
 import FormBuilder from '../../../v2Components/FormBuilder';
 import * as actions from './actions';
 import messages from './messages';
-import * as charCount from '../../../utils/smsCharCount';
+import * as charCount from '../../../utils/smsCharCount'; //check if we can copy charCount to  smsCharCountV2
 import {checkUnicode, updateCharCount} from '../../../utils/smsCharCountV2';
 import {getMessageObject} from '../../../utils/messageUtils';
 import { gtmPush } from '../../../utils/gtmTrackers';
 import * as creativesContainerActions from '../../CreativesContainer/actions';
 import {SMS} from '../../CreativesContainer/constants';
-// import callNativeEvent from '../../../utils/callNativeEvent';
+// import callNativeEvent from '../../../legacy/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 '../../../utils/callNativeEvent';
+// import callNativeEvent from '../../../legacy/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 '../../containers/App/constants';
+} from '../../constants/unified';
 
 const {TreeNode} = Tree;
 

package/v2Containers/TagList/utils.js

@@ -1,4 +1,4 @@
-import { JAPANESE_HIDE_DATE_TAGS } from "../../containers/TagList/constants";
+import { JAPANESE_HIDE_DATE_TAGS } from "../../constants/unified";
 
 
 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 '../../containers/App/constants';
+import { COPY_OF } from '../../constants/unified';
 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 '../../containers/App/constants';
+import { COPY_OF } from '../../constants/unified';
 import { ZALO_TEMPLATE_INFO_REQUEST } from '../Zalo/constants';
 import { getTemplateInfoById } from '../Zalo/saga';
 import { watchCreateTemplate } from '../MobilePushNew/sagas';

package/components/BreadCrumbs/index.js

@@ -1,65 +0,0 @@
-import PropTypes from 'prop-types';
-import React from 'react';
-// import styled from 'styled-components';
-import { Link } from 'react-router';
-import _ from 'lodash';
-
-class BreadCrumbs extends React.Component { // eslint-disable-line react/prefer-stateless-function
-  constructor(props) {
-    super(props);
-    this.prepareBreadcrumbElement = this.prepareBreadcrumbElement.bind(this);
-    this.disabledBreadcrumb = this.disabledBreadcrumb.bind(this);
-  }
-
-  disabledBreadcrumb(e, location) {
-    if (location.disabled) {
-      e.preventDefault();
-    }
-  }
-
-  prepareBreadcrumbElement() {
-    const breadcrumbs = [];
-    _.forEach(this.props.locations, (location) => {
-      const titleText = (typeof location.text === 'string') ? location.text : location.text.props.defaultMessage;
-      const element = (
-        <Link
-          to={location.url}
-          key={titleText}
-          title={titleText}
-          onClick={(e) => this.disabledBreadcrumb(e, location)}
-        >
-          <span
-            className={location.disabled ? 'disabled-breadcrumb' : 'active-breadcrumb'}
-            disabled={location.disabled}
-          > {location.text}
-          </span>
-        </Link>
-      );
-      if (breadcrumbs.length !== 0) {
-        breadcrumbs.push(
-          <span
-            key={`${titleText}separator`}
-          > {this.props.separator ? this.props.separator : ' / '}
-          </span>
-        );
-      }
-      breadcrumbs.push(element);
-    });
-    return breadcrumbs;
-  }
-
-  render() {
-    return (
-      <div className="breadcrumbs-wrapper">
-        {this.prepareBreadcrumbElement()}
-      </div>
-    );
-  }
-}
-
-BreadCrumbs.propTypes = {
-  locations: PropTypes.array.isRequired,
-  separator: PropTypes.string,
-};
-
-export default BreadCrumbs;

package/components/BreadCrumbs/messages.js

@@ -1,13 +0,0 @@
-/*
- * BreadCrumbs Messages
- *
- * This contains all the text for the BreadCrumbs component.
- */
-import { defineMessages } from 'react-intl';
-
-export default defineMessages({
-  header: {
-    id: 'creatives.components.BreadCrumbs.header',
-    defaultMessage: 'This is the BreadCrumbs component !',
-  },
-});