@capillarytech/creatives-library 3.4.4 → 3.4.5

package/v2Containers/CreativesContainer/index.js

@@ -207,14 +207,6 @@ class Creatives extends React.Component {
           };
           break;
         }
-        case constants.FACEBOOK: {
-          creativesTemplateData = {
-            selectedMarketingObjective: templateData.selectedMarketingObjective,
-            edit: true,
-            type: channel,
-          };
-          break;
-        }
         default:
           break;
       }
@@ -473,7 +465,7 @@ class Creatives extends React.Component {
   }
   render() {
     const {slidBoxContent, isGetFormData, showSlideBox, templateData, currentChannel, emailCreateMode, templateStep, isLoadingContent, mobilePushCreateMode, isDiscardMessage, weChatTemplateType, weChatMaptemplateStep} = this.state;
-    const {isFullMode, creativesMode, cap, isUploading, channelsToHide, selectedWeChatAccount, forwardedTags, channelsToDisable, selectedOfferDetails, getCreativesData} = this.props;
+    const {isFullMode, creativesMode, cap, isUploading, channelsToHide, selectedWeChatAccount, forwardedTags, channelsToDisable, selectedOfferDetails} = this.props;
     const mapTemplateCreate = slidBoxContent === 'createTemplate' && weChatTemplateType === MAP_TEMPLATE && templateStep !== 'modeSelection';
     /* TODO: Instead of passing down same props separately to each component down, write common function to these props and pass it accordingly */
     return (
@@ -538,7 +530,6 @@ class Creatives extends React.Component {
               weChatMaptemplateStep={weChatMaptemplateStep}
               selectedWeChatAccount={selectedWeChatAccount}
               onWeChatMaptemplateStepChange={this.onWeChatMaptemplateStepChange}
-              onFacebookSubmit={getCreativesData}
             />
           }
           footer={this.shouldShowFooter() &&

package/v2Containers/Email/index.js

@@ -29,8 +29,6 @@ import EmailPreview from '../../v2Components/EmailPreview';
 import Pagination from '../../v2Components/Pagination';
 import * as creativesContainerActions from '../CreativesContainer/actions';
 import withCreatives from '../../hoc/withCreatives';
-import { GA } from '@capillarytech/cap-ui-utils';
-import { TRACK_CREATE_EMAIL, TRACK_EDIT_EMAIL } from '../App/constants';
 
 const {CapCustomCardList} = CapCustomCard;
 export class Email extends React.Component { // eslint-disable-line react/prefer-stateless-function
@@ -622,16 +620,10 @@ export class Email extends React.Component { // eslint-disable-line react/prefer
     });
   }
   onUpdateTemplateComplete = (createResponse) => {
-    const isEdit = this.state.isEdit;
-    GA.timeTracker.stopTimer(isEdit ? TRACK_EDIT_EMAIL : TRACK_CREATE_EMAIL, {
-      category: 'Creatives',
-      action: isEdit ? 'Create' : 'Edit',
-      label: 'using editor',
-    });
     if (createResponse && createResponse.templateId) {
       // this.resetSchema();
       let message;
-      if (isEdit) {
+      if (this.state.isEdit) {
         message = this.props.intl.formatMessage(messages.emailEditSuccess);
       } else {
         message = this.props.intl.formatMessage(messages.emailCreateSuccess);

package/v2Containers/Email/messages.js

@@ -286,12 +286,4 @@ export default defineMessages({
     id: 'creatives.containersV2.Email.h3imageSelection',
     defaultMessage: 'Image selection',
   },
-  "English": {
-    id: 'creatives.containersV2.Email.english',
-    defaultMessage: 'English',
-  },
-  "Add label": {
-    id: 'creatives.containersV2.Email.addLabel',
-    defaultMessage: 'Add label',
-  },
 });

package/v2Containers/EmailWrapper/index.js

@@ -7,7 +7,6 @@ import PropTypes from 'prop-types';
 import React from 'react';
 import { connect } from 'react-redux';
 import { FormattedMessage, injectIntl, intlShape } from 'react-intl';
-import { GA } from '@capillarytech/cap-ui-utils';
 import { createStructuredSelector } from 'reselect';
 import { bindActionCreators } from 'redux';
 import _ from 'lodash';
@@ -20,10 +19,7 @@ import * as templatesActionsCreators from '../Templates/actions';
 import Email from '../Email';
 import CmsTemplatesComponent from '../../v2Components/CmsTemplatesComponent';
 import messages from './messages';
-import { CHANNEL_CREATE_TRACK_MAPPING } from '../App/constants'
-
 const CapRadioCardWithLabel = ComponentWithLabelHOC(CapRadioCard);
-const { timeTracker } = GA;
 const CardContainer = styled.div`
   margin-top: 16px;
   .ant-radio-group{
@@ -110,16 +106,7 @@ export class EmailWrapper extends React.Component { // eslint-disable-line react
     };
     CapNotification.error(message);
   }
-  stopTimerGA=()=>{
-    // stop timer
-    timeTracker.stopTimer(CHANNEL_CREATE_TRACK_MAPPING['email'], {
-      category: 'Creatives',
-      action: 'Create',
-      label: 'uploadZip',
-    });
-  }
   handleFileUpload = (file) => {
-    
     const { templatesActions, intl, showNextStep, isUploading } = this.props;
     if (!isUploading) {
       const fileExtension = file.name.split('.').pop();
@@ -129,9 +116,7 @@ export class EmailWrapper extends React.Component { // eslint-disable-line react
       if (supportedZipFormats.indexOf(fileExtension.toLowerCase()) !== -1) {
         templatesActions.handleZipUpload(file.originFileObj, () => { //handle upload success
           this.setState({ modeContent: { file } }, showNextStep);
-          stopTimerGA();
         }, this.handleZipUploadError);
-        
       } else if (fileExtension === 'html' || fileExtension === 'htm') {
         const reader = new FileReader();
         reader.onload = () => {
@@ -139,6 +124,7 @@ export class EmailWrapper extends React.Component { // eslint-disable-line react
           this.setState({ modeContent: { file } }, () => {
             templatesActions.handleHtmlUpload(text);
           });
+
           // showNextStep();
         };
         reader.readAsText(file.originFileObj);

package/v2Containers/MobilePush/Create/index.js

@@ -25,8 +25,6 @@ import {getMessageObject} from '../../../utils/messageUtils';
 import { makeSelectTemplates } from '../../Templates/selectors';
 import messages from './messages';
 import getEventsMap from '../eventsMap';
-import { GA } from '@capillarytech/cap-ui-utils';
-import { TRACK_CREATE_MPUSH } from '../../App/constants';
 
 const PrefixWrapper = styled.div`
   margin-right: 16px;
@@ -1404,13 +1402,7 @@ export class Create extends React.Component { // eslint-disable-line react/prefe
   saveFormData = (formData) => {
     //this function gets called from form bulder only when the form data is valid
     const obj = this.getTransformedData(formData);
-    const label = this.props.location.pathname.indexOf('image') >= 0 ? 'image' : 'text';
     this.props.actions.createTemplate(obj, () => {
-      GA.timeTracker.stopTimer(TRACK_CREATE_MPUSH, {
-        category: 'Creatives',
-        action: 'Create',
-        label,
-      });
       this.discardValues();
       const message = this.props.intl.formatMessage(messages.messageCreateSuccess);
       CapNotification.success({message, key: 'createMpushSuccess'});

package/v2Containers/MobilePush/Edit/index.js

@@ -29,8 +29,6 @@ import withCreatives from '../../../hoc/withCreatives';
 
 import getEventsMap from '../eventsMap';
 import {getPrimaryCtaFields, getSecondaryCtaFields, getLinkTypeFields} from '../commonMethods';
-import { GA } from '@capillarytech/cap-ui-utils';
-import { TRACK_EDIT_MPUSH } from '../../App/constants';
 
 const PrefixWrapper = styled.div`
   margin-right: 16px;
@@ -273,12 +271,6 @@ export class Edit extends React.Component { // eslint-disable-line react/prefer-
   };
   onUpdateTemplateComplete = () => {
     console.log('reseting schema');
-    const label = this.props.location.pathname.indexOf('image') >= 0 ? 'image' : 'text';
-    GA.timeTracker.stopTimer(TRACK_EDIT_MPUSH, {
-      category: 'Creatives',
-      action: 'Edit',
-      label,
-    });
     this.resetSchema();
     this.setState({
       formData: {},

package/v2Containers/Sms/Create/index.js

@@ -26,8 +26,7 @@ import {SMS} from '../../CreativesContainer/constants';
 // import callNativeEvent from '../../../utils/callNativeEvent';
 import {showError} from '../commonMethods';
 import withCreatives from '../../../hoc/withCreatives';
-import { GA } from '@capillarytech/cap-ui-utils';
-import { TRACK_CREATE_SMS } from '../../App/constants'
+
 export class Create extends React.Component { // eslint-disable-line react/prefer-stateless-function
   constructor(props) {
     super(props);
@@ -202,10 +201,6 @@ export class Create extends React.Component { // eslint-disable-line react/prefe
     this.setState({currentTab: data});
   }
   onCreateTemplateComplete = (editResponse) => {
-    GA.timeTracker.stopTimer(TRACK_CREATE_SMS, {
-      category: 'Creatives',
-      action: 'Create',
-    });
     if (editResponse.templateId) {
       this.resetSchema();
       this.setState({

package/v2Containers/Sms/Edit/index.js

@@ -25,8 +25,7 @@ import * as creativesContainerActions from '../../CreativesContainer/actions';
 // import callNativeEvent from '../../../utils/callNativeEvent';
 import {showError} from '../commonMethods';
 import withCreatives from '../../../hoc/withCreatives';
-import { TRACK_EDIT_SMS } from '../../App/constants'
-import { GA } from '@capillarytech/cap-ui-utils';
+
 export class Edit extends React.Component { // eslint-disable-line react/prefer-stateless-function
   constructor(props) {
     super(props);
@@ -220,10 +219,6 @@ export class Edit extends React.Component { // eslint-disable-line react/prefer-
     this.setState({currentTab: data});
   }
   onUpdateTemplateComplete = (editResponse) => {
-    GA.timeTracker.stopTimer(TRACK_EDIT_SMS, {
-      category: 'Creatives',
-      action: 'Edit',
-    });
     if (editResponse.templateId) {
       this.resetSchema();
       this.setState({

package/v2Containers/Templates/index.js

@@ -50,14 +50,13 @@ import Pagination from '../../v2Components/Pagination';
 import EmailPreview from '../../v2Components/EmailPreview';
 import CreativesContainer from '../CreativesContainer';
 import WechatRichmediaTemplatePreview from '../../v2Components/TemplatePreview/WechatRichmediaTemplatePreview';
-import { CHANNEL_CREATE_TRACK_MAPPING, CHANNEL_EDIT_TRACK_MAPPING } from '../App/constants'
 import { MOBILE_PUSH, WECHAT, SMS, EMAIL, EBILL, LINE } from '../CreativesContainer/constants';
 import emailIllustration from '../Assets/images/emailIllustration.svg';
 import smsIllustration from '../Assets/images/smsIllustration.svg';
 import pushIllustration from '../Assets/images/pushIllustration.svg';
 import { CAP_SPACE_16 } from '@capillarytech/cap-ui-library/styled/variables';
-import { GA } from '@capillarytech/cap-ui-utils';
-const { timeTracker } = GA;
+
+
 const {CapCustomCardList} = CapCustomCard;
 const InlineDiv = styled.div`
   display: inline;
@@ -76,8 +75,6 @@ const WECHAT_FILTERS = {
   RICHMEDIA: 'richmedia',
   MAPTEMPLATES: 'maptemplate',
 };
-
-
 export class Templates extends React.Component { // eslint-disable-line react/prefer-stateless-function
   constructor(props) {
     super(props);
@@ -166,7 +163,6 @@ export class Templates extends React.Component { // eslint-disable-line react/pr
   }
 
   componentDidMount() {
-    
     if (this.props.location.query.type === 'embedded' && this.isEnabledInLibraryModule("setLocale")) {
       this.setLocale();
     }
@@ -926,14 +922,13 @@ export class Templates extends React.Component { // eslint-disable-line react/pr
         break;
     }
   };
- 
+
   createTemplate(ev) {
     const type = this.props.location.query.type;
     const module = this.props.location.query.module ? this.props.location.query.module : 'default';
     const channel = this.state.channel.toLowerCase();
     //const keyType = ev.key && ev.key.toLowerCase() !== undefined ? ev.state.toLowerCase() : '';
     let routeParams = {};
-    timeTracker.startTimer(CHANNEL_CREATE_TRACK_MAPPING[channel]);
     if (this.isEnabledInLibraryModule("callCreateFromProps")) {
       this.props.createNew();
     } else if (ev.key && (ev.key.toLowerCase() === "text" || ev.key.toLowerCase() === "image")) {
@@ -1128,7 +1123,6 @@ export class Templates extends React.Component { // eslint-disable-line react/pr
   };
 
   handleEditClick(e, template, modeType, path) {
-    timeTracker.startTimer(CHANNEL_EDIT_TRACK_MAPPING[this.state.channel.toLowerCase()]);
     if (modeType && modeType !== undefined) {
       this.setState({modeType});
     }

package/v2Containers/TemplatesV2/index.js

@@ -21,7 +21,6 @@ import messages from './messages';
 import * as actions from './actions';
 import Templates from '../Templates';
 import CallTask from '../CallTask';
-import Facebook from '../Facebook';
 import Gallery from '../Assets/Gallery';
 import withStyles from '../../hoc/withStyles';
 import styles, { CapTabStyle } from './TemplatesV2.style';
@@ -34,44 +33,32 @@ export class TemplatesV2 extends React.Component { // eslint-disable-line react/
   constructor(props) {
     super(props);
     let defaultChannel = get(this, 'props.channel') || get(this, 'props.params.channel') || 'sms';
-    const {
-      intl,
-      channelsToHide = [],
-      channelsToDisable = [],
-      isFullMode,
-      onChannelChange,
-    } = props;
-
     const defaultPanes = {
-      sms: {content: <div></div>, tab: intl.formatMessage(messages.sms), key: 'sms'},
-      email: {content: <div></div>, tab: intl.formatMessage(messages.email), key: 'email'},
-      weChat: {content: <div></div>, tab: intl.formatMessage(messages.wechat), key: 'wechat'},
+      sms: {content: <div></div>, tab: props.intl.formatMessage(messages.sms), key: 'sms'},
+      email: {content: <div></div>, tab: props.intl.formatMessage(messages.email), key: 'email'},
+      weChat: {content: <div></div>, tab: props.intl.formatMessage(messages.wechat), key: 'wechat'},
       //'wechat': {content: this.getTemplatesComponent('wechat'), tab: 'Wechat', key: 'wechat'},
-      mPush: {content: <div></div>, tab: intl.formatMessage(messages.pushNotification), key: 'mobilepush'},
+      mPush: {content: <div></div>, tab: props.intl.formatMessage(messages.pushNotification), key: 'mobilepush'},
     };
+    const channelsToHide = this.props.channelsToHide || [];
+    const channelsToDisable = this.props.channelsToDisable || [];
     let filteredPanes = Object.keys(defaultPanes)
       .filter((key) => !channelsToHide.includes(key)).reduce((obj = [], key) => {
         obj.push(defaultPanes[key]);
         return obj;
       }, []);
 
-    if (isFullMode ) {
-      filteredPanes.push({content: <div></div>, tab: intl.formatMessage(messages.gallery), key: 'assets'});
-    } else {
-      if (!channelsToHide.includes('callTask')) {
-        filteredPanes.push({content: <div></div>, tab: intl.formatMessage(messages.callTask), key: 'call_task'});
-      }
-      if (!channelsToHide.includes('facebook')) {
-        filteredPanes.push({content: <div></div>, tab: intl.formatMessage(messages.facebook), key: 'facebook'});
-      }
+    if (props.isFullMode ) {
+      filteredPanes.push({content: <div></div>, tab: props.intl.formatMessage(messages.gallery), key: 'assets'});
+    } else if (!channelsToHide.includes('callTask')) {
+      filteredPanes.push({content: <div></div>, tab: props.intl.formatMessage(messages.callTask), key: 'call_task'});
     }
 
     filteredPanes = filteredPanes.map( (pane) => {
       if (channelsToDisable.includes(pane.key)) {
-        // eslint-disable-next-line no-param-reassign
         pane.disabled = true;
       }
-      return pane;
+    return pane;
     });
 
     const channel = ['sms', 'email', 'mobilepush', 'call_task'];
@@ -91,9 +78,7 @@ export class TemplatesV2 extends React.Component { // eslint-disable-line react/
       selectedChannel: defaultChannel,
       panes,
     };
-    if (!isFullMode) {
-      onChannelChange(defaultChannel);
-    }
+    !props.isFullMode && this.props.onChannelChange(defaultChannel);
   }
   componentWillReceiveProps(nextProps) {
     if (this.props.channel !== nextProps.channel) {
@@ -137,17 +122,6 @@ export class TemplatesV2 extends React.Component { // eslint-disable-line react/
     />
   );
 
-  getFacebookComponent = () => {
-    const { messageDetails, cap, onFacebookSubmit } = this.props;
-    return (
-      <Facebook
-        messageDetails={messageDetails}
-        cap={cap}
-        onFacebookSubmit={onFacebookSubmit}
-      />
-    );
-  }
-
   getTemplatesComponent(channel) {
     // const templates = this.props.Templates[`${channel}Templates`];
     let query = {};
@@ -160,8 +134,6 @@ export class TemplatesV2 extends React.Component { // eslint-disable-line react/
         return this.getCallTaskComponent();
       case 'assets':
         return this.getGalleryComponent(location);
-      case 'facebook':
-        return this.getFacebookComponent();
       default:
         return (<Templates
           key={channel}
@@ -210,16 +182,16 @@ export class TemplatesV2 extends React.Component { // eslint-disable-line react/
             { name: 'description', content: this.props.intl.formatMessage(messages.creativesDesc) },
           ]}
         />}
-          <div className="component-wrapper">
-            {isFullMode && <CapHeader title={<FormattedMessage {...messages.creatives}/>} description={<FormattedMessage {...messages.creativesDesc}/>}/>}
-              <StyledCapTab
-                panes={this.state.panes}
-                onChange={this.channelChange}
-                activeKey={this.state.selectedChannel}
-                defaultActiveKey={this.state.selectedChannel}
-                isFullMode={isFullMode}
-              />
-          </div>
+        <div className="component-wrapper">
+          {isFullMode && <CapHeader title={<FormattedMessage {...messages.creatives}/>} description={<FormattedMessage {...messages.creativesDesc}/>}/>}
+          <StyledCapTab
+            panes={this.state.panes}
+            onChange={this.channelChange}
+            activeKey={this.state.selectedChannel}
+            defaultActiveKey={this.state.selectedChannel}
+            isFullMode={isFullMode}
+          />
+        </div>
       </div>
 
     );
@@ -241,9 +213,6 @@ TemplatesV2.propTypes = {
   channelsToHide: PropTypes.array,
   className: PropTypes.string.isRequired,
   channelsToDisable: PropTypes.array,
-  onFacebookSubmit: PropTypes.func,
-  messageDetails: PropTypes.object,
-  cap: PropTypes.object,
 };
 
 TemplatesV2.defaultProps = {

package/v2Containers/TemplatesV2/messages.js

@@ -42,10 +42,6 @@ export default defineMessages({
     id: 'creatives.containersV2.TemplatesV2.callTask',
     defaultMessage: 'Call Task',
   },
-  facebook: {
-    id: 'creatives.containersV2.TemplatesV2.facebook',
-    defaultMessage: 'Facebook',
-  },
   gallery: {
     id: 'creatives.containersV2.TemplatesV2.gallery',
     defaultMessage: 'Gallery',

package/v2Containers/WeChat/MapTemplates/index.js

@@ -29,8 +29,6 @@ import {getMessageObject} from '../../../utils/messageUtils';
 import * as templateActions from '../../Templates/actions';
 import './_mapTemplates.scss';
 import withCreatives from '../../../hoc/withCreatives';
-import { GA } from '@capillarytech/cap-ui-utils';
-import { TRACK_CREATE_WECHAT, TRACK_EDIT_WECHAT } from '../../App/constants'
 
 const SELECT_TEMPLATE_MODE = "selectTemplate";
 const MAP_TEMPLATE_MODE = "mapTemplateMode";
@@ -957,9 +955,8 @@ export class MapTemplates extends React.Component { // eslint-disable-line react
     saveFormData(formData) {
       const obj = {};
       let selectedWechatData = {};
-      const isEdit = this.state.isEdit;
       const { getFormData } = this.props;
-      if (isEdit) {
+      if (this.state.isEdit) {
         obj['_id'] = this.state.editTemplateData._id;
         selectedWechatData = {
           'template_id': this.state.editTemplateData.versions.base.template_id,
@@ -1013,11 +1010,6 @@ export class MapTemplates extends React.Component { // eslint-disable-line react
             getFormData(this.getFormData(obj));
           }, 0);
         }
-        GA.timeTracker.stopTimer(isEdit ? TRACK_EDIT_WECHAT : TRACK_CREATE_WECHAT, {
-          category: 'Creatives',
-          action: isEdit ? 'Edit' : 'Create',
-          label : 'MapTemplates',
-        });
         console.log("Template created successfully", response, obj);
       });
     }

package/v2Containers/WeChat/RichmediaTemplates/Create/index.js

@@ -28,8 +28,7 @@ import WechatRichmediaTemplatePreview from '../../../../v2Components/TemplatePre
 import noImage from '../../../../assets/noImage.png';
 import Pagination from '../../../../v2Components/Pagination';
 import { CAP_SPACE_08, CAP_SPACE_12, CAP_SPACE_20, CAP_SPACE_16 } from '@capillarytech/cap-ui-library/styled/variables';
-import { GA } from '@capillarytech/cap-ui-utils';
-import { TRACK_CREATE_WECHAT, TRACK_EDIT_WECHAT } from '../../../App/constants'
+
 export class Create extends React.Component { // eslint-disable-line react/prefer-stateless-function
   constructor(props) {
     super(props);
@@ -545,8 +544,7 @@ export class Create extends React.Component { // eslint-disable-line react/prefe
         msgtype: "MPNEWS",
         msgcontent: "RICH_MEDIA_WECHAT",
       };
-      const isEdit = this.state.isEdit;
-      if (isEdit) {
+      if (this.state.isEdit) {
         saveObj._id = this.props.templateId;
         saveObj.mediaId = this.props.mediaId;
         saveObj.type = "WECHAT";
@@ -556,11 +554,6 @@ export class Create extends React.Component { // eslint-disable-line react/prefe
         // CapNotification.success({
         //   message: this.props.intl.formatMessage(messages.saveSuccess),
         // });
-        GA.timeTracker.stopTimer(isEdit ? TRACK_EDIT_WECHAT : TRACK_CREATE_WECHAT, {
-          category: 'Creatives',
-          action: isEdit ? 'Edit' : 'Create',
-          label : 'RichMedia',
-        });
         if (getFormData) {
           getFormData(this.getFormData({
             mediaId: response.mediaId,

package/v2Components/MarketingObjective/MarketingObjective.style.js

@@ -1,73 +0,0 @@
-import { css } from 'styled-components';
-import {
-  CAP_SPACE_16,
-  CAP_PRIMARY,
-  CAP_G06,
-} from '@capillarytech/cap-ui-library/styled/variables';
-
-export default css`
-  .ant-radio-group.cap-radioCard-v2 {
-    .ant-radio-button-wrapper {
-      margin-left: 0;
-      margin-right: 0;
-    }
-
-    .icon-container {
-      background-color: transparent;
-
-      .anticon {
-        color: ${CAP_G06};
-      }
-
-      &.green-color {
-        background-color: transparent;
-
-        .anticon {
-          color: ${CAP_PRIMARY.base};
-        }
-      }
-    }
-  }
-
-  .radio-group-heading {
-    margin-top: ${CAP_SPACE_16};
-  }
-
-  .submit-button-section {
-    margin-top: ${CAP_SPACE_16};
-  }
-
-  .ant-radio-button-wrapper-checked {
-    &:not(.ant-radio-button-wrapper-disabled) {
-      box-shadow: none;
-    }
-  }
-
-  .ant-radio-group.cap-radioCard-v2 {
-    .ant-radio-button-wrapper-checked .radio-card-checked {
-      display: none;
-    }
-  }
-
-  .non-selected-radio-group {
-    .ant-radio-button-wrapper {
-      &:last-child {
-        display: none;
-      }
-    }
-  }
-
-  .selected-radio-group {
-    .ant-radio-button-wrapper-checked {
-      &:not(.ant-radio-button-wrapper-disabled) {
-        box-shadow: -1px 0 0 0 ${CAP_PRIMARY.base};
-      }
-    }
-
-    .ant-radio-group.cap-radioCard-v2 {
-      .ant-radio-button-wrapper-checked .radio-card-checked {
-        display: block;
-      }
-    }
-  }
-`;

package/v2Components/MarketingObjective/index.js

@@ -1,107 +0,0 @@
-import React, { useEffect, useState } from "react";
-import PropTypes from 'prop-types';
-import { injectIntl, FormattedMessage } from "react-intl";
-import {
-  CapHeading,
-  CapRadioCard,
-  CapLabel,
-  CapButton,
-  CapSpin,
-} from '@capillarytech/cap-ui-library';
-import messages from './messages';
-import styles from './MarketingObjective.style';
-import withStyles from '../../hoc/withStyles';
-
-const renderMarketingObjectiveList = ({
-  onMarketingObjectiveChange,
-  marketingObjectiveSelectedOption,
-  defaultmarketingObjective,
-  marketingObjectiveList = [],
-}) => {
-  const marketingList = (marketingObjective) => {
-    const { label, panes = [] } = marketingObjective;
-    const selectedPaneExists = panes.some((item) => item.value === marketingObjectiveSelectedOption);
-    const modifiedPanes = !selectedPaneExists
-      ? [...panes, {
-        value: marketingObjectiveSelectedOption,
-      }]
-      : panes;
-    return (
-      <div key={label} className={selectedPaneExists ? 'selected-radio-group' : 'non-selected-radio-group'}>
-        <CapHeading type="h4" className="radio-group-heading">{label}</CapHeading>
-        <CapRadioCard
-          onChange={({ target: { value } }) => onMarketingObjectiveChange(value)}
-          panes={modifiedPanes}
-          cardWidth="324px"
-          cardHeight="auto"
-          selected={marketingObjectiveSelectedOption}
-          defaultValue={defaultmarketingObjective}
-        />
-      </div>
-    );
-  };
-
-  return marketingObjectiveList.map((marketinObjective) => marketingList(marketinObjective));
-};
-
-const MarketingObjective = ({
-  onMarketingObjectiveSelect,
-  selectedMarketingObjective,
-  defaultmarketingObjective,
-  onSubmit,
-  className,
-  marketingObjectiveList,
-}) => {
-  const [marketingObjectiveSelectedOption, onMarketingObjectiveChange] = useState(selectedMarketingObjective || defaultmarketingObjective);
-
-  useEffect(() => {
-    [...document.querySelectorAll('.non-selected-radio-group .ant-radio-group')].forEach((node) => {
-      const paneToSelect = node.lastChild;
-      paneToSelect.click();
-    });
-  }, [marketingObjectiveSelectedOption]);
-
-  const onSubmitAction = () => {
-    onMarketingObjectiveSelect(marketingObjectiveSelectedOption);
-    onSubmit(false);
-  };
-
-  return (
-    <div className={className}>
-      <>
-        <CapHeading type="h3">
-          <FormattedMessage {...messages.fbMarketingObjectiveTitle} />
-        </CapHeading>
-        <CapLabel type="label1">
-          <FormattedMessage {...messages.fbMarketingObjectiveDescription} />
-        </CapLabel>
-      </>
-      <CapSpin spinning={!marketingObjectiveList.length}>
-        {renderMarketingObjectiveList({
-          onMarketingObjectiveChange,
-          marketingObjectiveSelectedOption,
-          defaultmarketingObjective,
-          marketingObjectiveList,
-        })}
-      </CapSpin>
-      <CapButton
-        type="primary"
-        className="submit-button-section"
-        onClick={() => onSubmitAction(false)}
-      >
-        <FormattedMessage {...messages.fbMarketingObjectiveDone} />
-      </CapButton>
-    </div>
-  );
-};
-
-MarketingObjective.propTypes = {
-  onMarketingObjectiveSelect: PropTypes.func,
-  selectedMarketingObjective: PropTypes.string,
-  defaultmarketingObjective: PropTypes.string,
-  onSubmit: PropTypes.func,
-  className: PropTypes.string,
-  marketingObjectiveList: PropTypes.arrayOf(PropTypes.object),
-};
-
-export default injectIntl(withStyles(MarketingObjective, styles));