@capillarytech/creatives-library 9.0.36 → 9.0.37-alpha.1

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, CapHeader, CapIcon, CapSpin, CapTooltip } from '@capillarytech/cap-ui-library';
+import { CapTab, CapCustomCard, CapButton, CapIcon, CapSpin, CapTooltip } from '@capillarytech/cap-ui-library';
 import { find, get, pick } from 'lodash';
 import Helmet from 'react-helmet';
 
@@ -47,6 +47,9 @@ 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;
 
@@ -54,6 +57,7 @@ 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';
@@ -222,6 +226,23 @@ 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);
@@ -422,14 +443,6 @@ 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>
             ) : (