@capillarytech/creatives-library 7.6.12 → 7.6.13

package/v2Containers/Templates/index.js

@@ -62,7 +62,7 @@ import {
 } from '../App/constants';
 import { MOBILE_PUSH, WECHAT, SMS, EMAIL, EBILL, LINE, VIBER, FACEBOOK } from '../CreativesContainer/constants';
 
-import {CREATIVE} from '../Facebook/constants'
+import {CREATIVE} from '../Facebook/constants';
 
 import emailIllustration from '../Assets/images/emailIllustration.svg';
 import smsIllustration from '../Assets/images/smsIllustration.svg';
@@ -1139,8 +1139,11 @@ export class Templates extends React.Component { // eslint-disable-line react/pr
     //const keyType = ev.key && ev.key.toLowerCase() !== undefined ? ev.state.toLowerCase() : '';
     let routeParams = {};
     const {fbAdManager} = this.props;
-    timeTracker.startTimer(CHANNEL_CREATE_TRACK_MAPPING[channel]);
-    if (this.isEnabledInLibraryModule("callCreateFromProps")) {
+    const isLibraryMode = this.isEnabledInLibraryModule("callCreateFromProps");
+    if (!isLibraryMode) {
+      timeTracker.startTimer(CHANNEL_CREATE_TRACK_MAPPING[channel]);
+    }
+    if (isLibraryMode) {
       if (this.props.fbAdManager === CREATIVE) {
         this.props.createNew(fbAdManager);
       } else {
@@ -1363,7 +1366,6 @@ export class Templates extends React.Component { // eslint-disable-line react/pr
   };
 
   handleEditClick(e, template, modeType, path, options) {
-    timeTracker.startTimer(CHANNEL_EDIT_TRACK_MAPPING[this.state.channel.toLowerCase()]);
     if (modeType && modeType !== undefined) {
       this.setState({modeType});
     }
@@ -1418,6 +1420,7 @@ export class Templates extends React.Component { // eslint-disable-line react/pr
     if (this.isEnabledInLibraryModule("callSelectFromProps")) {
       this.props.onSelectTemplate(this.selectTemplate(id), this.props.fbAdManager);
     } else {
+      timeTracker.startTimer(CHANNEL_EDIT_TRACK_MAPPING[this.state.channel.toLowerCase()]);
       if (this.state.channel.toLowerCase() === 'ebill') {
         pathName = `/ebill/edit/${id}`;
       }

package/v2Containers/Viber/index.js

@@ -49,6 +49,10 @@ import {
   VIBER_IMG_SIZE,
   charLimit,
 } from './constants';
+import { GA } from '@capillarytech/cap-ui-utils';
+import { CREATE, EDIT, TRACK_CREATE_VIBER, TRACK_EDIT_VIBER } from '../App/constants';
+import { gtmPush } from '../../utils/gtmTrackers';
+import { VIBER } from '../CreativesContainer/constants';
 const { CapHeadingSpan } = CapHeading;
 const { TextArea } = CapInput;
 
@@ -562,7 +566,7 @@ const Viber = (props) => {
     };
   };
 
-  const createCallback = (errorMessage, isEdit) => {
+  const createCallback = ({errorMessage, resp}, isEdit) => {
     if (!errorMessage) {
       CapNotification.success({
         message: isEdit ? formatMessage(messages.viberEditNotification) : formatMessage(messages.viberCreateNotification),
@@ -572,6 +576,18 @@ const Viber = (props) => {
       } else {
         actions.clearCreateResponse();
       }
+      const timeTaken = GA.timeTracker.stopTimer(isEdit ? TRACK_EDIT_VIBER : TRACK_CREATE_VIBER, {
+        category: 'Creatives',
+        action: isEdit ? TRACK_EDIT_VIBER : TRACK_CREATE_VIBER,
+      });
+      gtmPush('creativeDetails', {
+        id: resp.templateId._id || resp.templateId,
+        name: messageTitle,
+        channel: VIBER,
+        timeTaken,
+        content: messageContent,
+        mode: isEdit ? EDIT : CREATE
+      });
     } else {
       CapNotification.error({
         message: errorMessage,
@@ -583,7 +599,7 @@ const Viber = (props) => {
     actions.createTemplate(
         formatSubmitPayload(),
         (resp, errorMessage) => {
-          createCallback(errorMessage);
+          createCallback({resp, errorMessage});
           onCreateComplete();
         }
     );
@@ -596,7 +612,7 @@ const Viber = (props) => {
         _id: params.id,
       },
         (resp, errorMessage) => {
-          createCallback(errorMessage, true);
+          createCallback({resp, errorMessage}, true);
           onCreateComplete();
         });
   };

package/v2Containers/WeChat/MapTemplates/index.js

@@ -30,7 +30,9 @@ 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';
+import { CREATE, EDIT, TRACK_CREATE_WECHAT, TRACK_EDIT_WECHAT } from '../../App/constants';
+import { gtmPush } from '../../../utils/gtmTrackers';
+import { WECHAT } from '../../CreativesContainer/constants';
 
 const SELECT_TEMPLATE_MODE = "selectTemplate";
 const MAP_TEMPLATE_MODE = "mapTemplateMode";
@@ -1172,12 +1174,19 @@ 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, {
+        const timeTaken = GA.timeTracker.stopTimer(isEdit ? TRACK_EDIT_WECHAT : TRACK_CREATE_WECHAT, {
           category: 'Creatives',
           action: isEdit ? TRACK_EDIT_WECHAT : TRACK_CREATE_WECHAT,
           label : 'MapTemplates',
         });
-        
+        gtmPush('creativeDetails', {
+          id: response.templateId._id || response.templateId,
+          name: obj?.versions?.base?.Title,
+          channel: `${WECHAT} Maptemplate`,
+          timeTaken,
+          content: this.state.formData?.base?.['sms-editor'],
+          mode: isEdit ? EDIT : CREATE
+        });
       });
     }
     

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

@@ -29,7 +29,9 @@ import noImage from '../../../../assets/noImage.png';
 import Pagination from '../../../../v2Components/Pagination';
 import { CAP_SPACE_08, CAP_SPACE_12, 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';
+import { CREATE, EDIT, TRACK_CREATE_WECHAT, TRACK_EDIT_WECHAT } from '../../../App/constants';
+import { gtmPush } from '../../../../utils/gtmTrackers';
+import { WECHAT } from '../../../CreativesContainer/constants';
 export class Create extends React.Component { // eslint-disable-line react/prefer-stateless-function
   constructor(props) {
     super(props);
@@ -556,11 +558,18 @@ 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, {
+        const timeTaken = GA.timeTracker.stopTimer(isEdit ? TRACK_EDIT_WECHAT : TRACK_CREATE_WECHAT, {
           category: 'Creatives',
           action: isEdit ? TRACK_EDIT_WECHAT : TRACK_CREATE_WECHAT,
           label: 'RichMedia',
         });
+        gtmPush('creativeDetails', {
+          id: response.templateId._id || response.templateId,
+          name: saveObj?.name,
+          channel: `${WECHAT} Richmedia`,
+          timeTaken,
+          mode: isEdit ? EDIT : CREATE
+        });
         if (getFormData) {
           getFormData(this.getFormData({
             mediaId: response.mediaId,