@capillarytech/creatives-library 9.0.36-alpha.0 → 9.0.36

package/v2Containers/TemplatesV2/index.js

@@ -10,7 +10,7 @@ import { connect } from 'react-redux';
 import { injectIntl, intlShape, FormattedMessage } from 'react-intl';
 import { createStructuredSelector } from 'reselect';
 import { bindActionCreators, compose } from 'redux';
-import { CapTab, CapCustomCard, CapButton, CapIcon, CapSpin, CapTooltip } from '@capillarytech/cap-ui-library';
+import { CapTab, CapCustomCard, CapButton, CapHeader, CapIcon, CapSpin, CapTooltip } from '@capillarytech/cap-ui-library';
 import { find, get, pick } from 'lodash';
 import Helmet from 'react-helmet';
 
@@ -47,9 +47,6 @@ import {
   NORMALIZED_CHANNEL_ALIASES,
   SMS,
 } from "../CreativesContainer/constants";
-import { MFEEventBus } from '@capillarytech/cap-ui-utils';
-import { isMFEMode } from '../../utils/mfeDetect';
-import appConfig from '../../app-config';
 
 const { CapCustomCardList } = CapCustomCard;
 
@@ -57,7 +54,6 @@ const StyledCapTab = withStyles(CapTab, CapTabStyle);
 export class TemplatesV2 extends React.Component { // eslint-disable-line react/prefer-stateless-function
   constructor(props) {
     super(props);
-    this.lcpReported = false;
     let defaultChannel = get(this, 'props.channel') || get(this, 'props.params.channel') || 'sms';
     if (defaultChannel === LOYALTY) {
       defaultChannel = 'sms';
@@ -226,23 +222,6 @@ export class TemplatesV2 extends React.Component { // eslint-disable-line react/
     }
   }
 
-  componentDidUpdate(prevProps) {
-    if (
-      isMFEMode() &&
-      !this.lcpReported &&
-      !this.props.Templates.getAllTemplatesInProgress &&
-      prevProps.Templates.getAllTemplatesInProgress
-    ) {
-      this.lcpReported = true;
-      MFEEventBus.emit('mfe:segment', {
-        action: 'stop',
-        appId: appConfig.appName,
-        type: 'lcp',
-        timestamp: performance.now(),
-      });
-    }
-  }
-
   componentWillReceiveProps(nextProps) {
     if (this.props.channel !== nextProps.channel) {
       const panes = this.setChannelContent(nextProps.channel, this.state.panes);
@@ -443,6 +422,14 @@ export class TemplatesV2 extends React.Component { // eslint-disable-line react/
             />
           )}
           <section className="component-wrapper">
+            {isFullMode && (
+              <CapHeader
+                title={<FormattedMessage {...messages.creatives} />}
+                {...(!useLocalTemplates && {
+                  description: <FormattedMessage {...messages.creativesDesc} />,
+                })}
+              />
+            )}
             {hideChannelTabsForLocalSms ? (
               <section className="templates-v2-local-sms-pane">{activeLocalPane?.content}</section>
             ) : (

package/v2Containers/Viber/constants.js

@@ -47,24 +47,7 @@ export const VIBER_MEDIA_TYPES = {
   TEXT: 'TEXT',
   IMAGE: 'IMAGE',
   VIDEO: 'VIDEO',
-  CAROUSEL: 'CAROUSEL',
 };
-export const VIBER_CAROUSEL_MIN_CARDS = 2;
-export const VIBER_CAROUSEL_MAX_CARDS = 5;
-export const VIBER_CAROUSEL_MAX_BUTTONS = 2;
-export const VIBER_CAROUSEL_CARD_TITLE_MIN_LENGTH = 2;
-export const VIBER_CAROUSEL_CARD_TITLE_MAX_LENGTH = 38;
-export const VIBER_CAROUSEL_FIRST_BUTTON_TITLE_MAX_LENGTH = 10;
-export const VIBER_CAROUSEL_SECOND_BUTTON_TITLE_MAX_LENGTH = 12;
-export const VIBER_CAROUSEL_BUTTON_URL_MAX_LENGTH = 1000;
-export const STATIC_URL = 'STATIC_URL';
-export const DYNAMIC_URL = 'DYNAMIC_URL';
-/** Recommended / validated carousel image height in pixels (passed to image upload). */
-export const VIBER_CAROUSEL_IMG_HEIGHT = 600;
-/** Recommended / validated carousel image width in pixels (passed to image upload). */
-export const VIBER_CAROUSEL_IMG_WIDTH = 696;
-/** Maximum carousel image file size (bytes). 10_000_000 ≈ 10 MB (decimal). */
-export const VIBER_CAROUSEL_IMG_SIZE = 10000000;
 export const ALLOWED_IMAGE_EXTENSIONS_REGEX_VIBER = /\.(jpe?g|png)$/i;
 export const ALLOWED_EXTENSIONS_VIDEO_REGEX_VIBER = /\.(mp4|3gp|m4v|mov)$/i;
 export const NONE = 'NONE';
@@ -86,10 +69,6 @@ export const mediaRadioOptions = [
     value: VIBER_MEDIA_TYPES.VIDEO,
     label: <FormattedMessage {...messages.mediaVideo} />,
   },
-  {
-    value: VIBER_MEDIA_TYPES.CAROUSEL,
-    label: <FormattedMessage {...messages.mediaCarousel} />,
-  },
 ];
 
 export const buttonRadioOptions = [