@capillarytech/creatives-library 8.0.134 → 8.0.136-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.134",
+  "version": "8.0.136-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/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/utils/vendorDataTransformers.js

@@ -34,7 +34,7 @@ export const transformAssetData = (assetData, vendorType) => {
 const transformHapticAssetData = (assetData) => {
   const metaInfo = get(assetData, 'metaInfo', {});
   return {
-    videoSrc: get(metaInfo, 'secure_file_path', ''),
+    videoSrc: get(metaInfo, 'secure_file_path', '') || get(assetData, 'videoSrc', ''),
     previewUrl: get(assetData, 'previewUrl', ''),
     videoName: get(metaInfo, 'name', ''),
     videoDuration: get(metaInfo, 'duration', ''),

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

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 '../../../legacy/smsCharCount';
 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

@@ -104,7 +104,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 !',
-  },
-});