@capillarytech/creatives-library 7.6.11 → 7.6.13

package/v2Containers/Line/Edit/messages.js

@@ -0,0 +1,173 @@
+/*
+ * Edit Messages
+ *
+ * This contains all the text for the Edit component.
+ */
+import { defineMessages } from 'react-intl';
+
+export default defineMessages({
+  "imageUploadLabel": {
+    id: 'creatives.containersV2.Line.Edit.ImageUploadLabel',
+    defaultMessage: 'Upload image',
+  },
+  "Enter template name*": {
+    id: 'creatives.containersV2.Line.Edit.enterTemplateNameImportant',
+    defaultMessage: 'Enter template name*',
+  },
+  "Enter template name": {
+    id: 'creatives.containersV2.Line.Edit.enterTemplateName',
+    defaultMessage: 'Enter template name',
+  },
+  "Template name cannot be empty": {
+    id: 'creatives.containersV2.Line.Edit.templateCantEmpty',
+    defaultMessage: 'Template name cannot be empty',
+  },
+  "Discard Changes": {
+    id: 'creatives.containersV2.Line.Edit.discardChanges',
+    defaultMessage: 'Discard changes',
+  },
+  "Cancel": {
+    id: 'creatives.containersV2.Line.Edit.cancel',
+    defaultMessage: 'Cancel',
+  },
+  "Save": {
+    id: 'creatives.containersV2.Line.Edit.save',
+    defaultMessage: 'Save',
+  },
+  "Select Line Template": {
+    id: 'creatives.containersV2.Line.Edit.selectLineTemplate',
+    defaultMessage: 'Select line template',
+  },
+  "Template": {
+    id: 'creatives.containersV2.Line.Edit.template',
+    defaultMessage: 'Template',
+  },
+  "Title*": {
+    id: 'creatives.containersV2.Line.Edit.titleLabel',
+    defaultMessage: 'Title*',
+  },
+  "Title": {
+    id: 'creatives.containersV2.Line.Edit.title',
+    defaultMessage: 'Title',
+  },
+  "Please input message title name.": {
+    id: 'creatives.containersV2.Line.Edit.titleNameInvalid',
+    defaultMessage: 'Please enter the message title',
+  },
+  "Template message has unsupported/missing tags!": {
+    id: 'creatives.containersV2.Line.Edit.messageHasUnsupportedTag',
+    defaultMessage: 'Please check the message content for unsupported/missing tags',
+  },
+  "Tags": {
+    id: 'creatives.containersV2.Line.Edit.Tags',
+    defaultMessage: 'Tags',
+  },
+  "Message*": {
+    id: 'creatives.containersV2.Line.Edit.messageLabel',
+    defaultMessage: 'Message*',
+  },
+  "Message": {
+    id: 'creatives.containersV2.Line.Edit.message',
+    defaultMessage: 'Message',
+  },
+  "Please input mobile push template content.": {
+    id: 'creatives.containersV2.Line.Edit.inputLineTemplateContent',
+    defaultMessage: 'Please enter the message content',
+  },
+  "Template title has unsupported/missing tags.": {
+    id: 'creatives.containersV2.Line.Edit.titleHasUnsupportedTag',
+    defaultMessage: 'Please check the message content for unsupported/missing tags',
+  },
+  "Template name cannot be empty.": {
+    id: 'creatives.containersV2.Line.Edit.templateNameNotEmpty',
+    defaultMessage: 'Please provide a template name ',
+  },
+  "Message title has unsupported/missing tags!": {
+    id: 'creatives.containersV2.Line.Edit.messageTitleWithUnsupportedTag',
+    defaultMessage: 'Please check the message content for unsupported/missing tags',
+  },
+  "Image": {
+    id: 'creatives.containersV2.Line.Edit.Image',
+    defaultMessage: 'Image',
+  },
+  "Max file size acceptable is 5mb": {
+    id: 'creatives.containersV2.Line.Edit.maxUploadFileSize',
+    defaultMessage: 'Max file size acceptable is 5mb',
+  },
+  "Please upload Image": {
+    id: 'creatives.containersV2.Line.Edit.pleaseUploadImage',
+    defaultMessage: 'Please upload image',
+  },
+  "Upload Image": {
+    id: 'creatives.containersV2.Line.Edit.uploadImage',
+    defaultMessage: 'Upload image',
+  },
+  "Line Template Edited Successfully": {
+    id: 'creatives.containersV2.Line.Edit.templateEditedSuccessfully',
+    defaultMessage: 'Line template edited successfully',
+  },
+  "somethingWentWrong": {
+    id: 'creatives.containersV2.Line.Edit.somethingWentWrong',
+    defaultMessage: 'Something went wrong!!',
+  },
+  "Do you really want to go back? All your temporary changes will be lost!": {
+    id: 'creatives.containersV2.Line.Edit.goBackConfirmation',
+    defaultMessage: "Going back will discard all the changes you've made. Continue?",
+  },
+  "Name and Description": {
+    id: 'creatives.containersV2.Line.Edit.nameAndDescription',
+    defaultMessage: 'Name and description',
+  },
+  "Button 1": {
+    id: 'creatives.containersV2.Line.Edit.button1',
+    defaultMessage: 'Button 1',
+  },
+  "Button 2": {
+    id: 'creatives.containersV2.Line.Edit.button2',
+    defaultMessage: 'Button 2',
+  },
+  "File size cannot be more than 5mb": {
+    id: 'creatives.containersV2.Line.Edit.uploadFileSizeError',
+    defaultMessage: 'File size cannot be more than 5mb',
+  },
+  "value cannot be empty.": {
+    id: 'creatives.containersV2.Line.Edit.valueCantEmpty',
+    defaultMessage: 'value cannot be empty.',
+  },
+  "Uploading Image...": {
+    id: 'creatives.containersV2.Line.Edit.uploadingImage',
+    defaultMessage: 'Uploading image...',
+  },
+  "Campaigns": {
+    id: 'creatives.containersV2.Line.Edit.Campaigns',
+    defaultMessage: 'Campaigns',
+  },
+  "Creatives": {
+    id: 'creatives.containersV2.Line.Edit.Creatives',
+    defaultMessage: 'Creatives',
+  },
+  "mobilePush": {
+    id: 'creatives.containersV2.Line.Edit.mobilePush',
+    defaultMessage: 'Mobile Push',
+  },
+  "templateNotConfigured": {
+    id: 'creatives.containersV2.Line.Edit.templateNotConfigured',
+    defaultMessage: 'template not configured,',
+  },
+  "alertMessage": {
+    id: 'creatives.containersV2.Line.Edit.alertMessage',
+    defaultMessage: 'Alert',
+  },
+  "androidNotConfigured": {
+    id: 'creatives.containersV2.Line.Edit.androidNotConfigured',
+    defaultMessage: 'Android template is not configured. Save without Android template',
+  },
+  "iosNotConfigured": {
+    id: 'creatives.containersV2.Line.Edit.iosNotConfigured',
+    defaultMessage: 'IOS template is not configured, Save without IOS template',
+  },
+  "goBackTemporaryChangesLost": {
+    id: 'creatives.containersV2.Line.Edit.goBackTemporaryChangesLost',
+    defaultMessage: 'Do you really want to go back? All your temporary changes will be lost!',
+  },
+});

package/v2Containers/Line/Edit/reducer.js

@@ -0,0 +1,83 @@
+/*
+ *
+ * Create reducer
+ *
+ */
+
+import { fromJS } from 'immutable';
+import * as types from './constants';
+
+const initialState = fromJS({
+  editTemplateInProgress: false,
+  editResponse: {},
+  getTemplateDetailsInProgress: false,
+  templateDetails: {},
+});
+
+function editReducer(state = initialState, action) {
+  switch (action.type) {
+    case types.DEFAULT_ACTION:
+      return state;
+    case types.EDIT_TEMPLATE_REQUEST:
+      return state
+        .set('editTemplateInProgress', true)
+        .set('editTemplateError', false)
+        .set('editTemplateErrorMessage', fromJS(""));
+    case types.EDIT_TEMPLATE_SUCCESS:
+      return state.set('editTemplateInProgress', false)
+        .set('editResponse', action.data)
+        .set('editTemplateError', (action.statusCode !== undefined && action.statusCode > 300))
+        .set('editTemplateErrorMessage', fromJS(action.errorMsg));
+    case types.EDIT_TEMPLATE_FAILURE:
+      return state
+        .set('editTemplateInProgress', false)
+        .set('editTemplateError', true)
+        .set('editTemplateErrorMessage', fromJS(action.errorMsg));
+    case types.GET_TEMPLATE_DETAILS_REQUEST:
+      return state.set('getTemplateDetailsInProgress', true);
+    case types.GET_TEMPLATE_DETAILS_SUCCESS:
+    case types.SET_SELECTED_TEMPLATE:
+      return state.set('getTemplateDetailsInProgress', false)
+        .set('templateDetails', action.data);
+    case types.GET_TEMPLATE_DETAILS_FAILURE:
+      return state.set('getTemplateDetailsInProgress', false);
+    case types.CLEAR_EDIT_RESPONSE_REQUEST:
+      return state.set('editResponse', {});
+    case types.UPLOAD_ASSET_REQUEST:
+      return state
+        .set('uploadAssetSuccess', false)
+        .set('assetUploading', true);
+    case types.UPLOAD_ASSET_SUCCESS:
+      return state
+        .set('uploadAssetSuccess', (action.statusCode !== undefined && action.statusCode !== '' && action.statusCode < 300))
+        .set('assetUploading', false)
+        .set('uploadedAssetData', action.data);
+    case types.UPLOAD_ASSET_FAILURE:
+      return state
+        .set('uploadAssetSuccess', false)
+        .set('assetUploading', false);
+    case types.CLEAR_DATA:
+      return state
+        .delete('uploadedAssetData')
+        .delete('metaEntities')
+        .delete('templateDetails');
+    case types.CLEAR_ASSET:
+      return state
+        .delete('uploadedAssetData');
+    case types.GET_LINE_TEMPLATES_LIST_REQUEST:
+      return state
+        .set('fetchingDefaultTemplates', true);
+    case types.GET_LINE_TEMPLATES_LIST_SUCCESS:
+      return state
+        .set('fetchingDefaultTemplates', false)
+        .set('lineTemplates', fromJS(action.data));
+    case types.GET_LINE_TEMPLATES_LIST_FAILURE:
+      return state
+        .set('fetchingDefaultTemplates', false)
+        .set('errorFetchingDefaultTempalte', true);
+    default:
+      return state;
+  }
+}
+
+export default editReducer;

package/v2Containers/Line/Edit/sagas.js

@@ -0,0 +1,81 @@
+import { call, put, takeLatest, take, cancel } from 'redux-saga/effects';
+import { LOCATION_CHANGE } from 'react-router-redux';
+// import { schema, normalize } from 'normalizr';
+import * as Api from '../../../services/api';
+import * as types from './constants';
+
+// Individual exports for testing
+export function* editTemplate(template) {
+  let errorMsg;
+  try {
+    console.log('saga editTemplate line', template);
+    const result = yield call(Api.createLineTemplate, template);
+    console.log('saga editTemplate success line', result);
+    if (result.message || result.status.code === 500) {
+      errorMsg = result.message;
+    }
+    yield put({ type: types.EDIT_TEMPLATE_SUCCESS, data: result.response, statusCode: result.status ? result.status.code : '', errorMsg });
+  } catch (error) {
+    yield put({ type: types.EDIT_TEMPLATE_FAILURE, error, errorMsg });
+  }
+}
+
+export function* getTemplateDetails(id) {
+  try {
+    console.log('saga get Template details line', id);
+    const result = yield call(Api.getTemplateDetails, id);
+    // const sidebar = result.response.sidebar;
+    yield put({ type: types.GET_TEMPLATE_DETAILS_SUCCESS, data: result.response });
+  } catch (error) {
+    yield put({ type: types.GET_TEMPLATE_DETAILS_FAILURE, error });
+  }
+}
+
+export function* uploadAsset(file, assetType, fileParams, mode) {
+  try {
+    const result = yield call(Api.uploadFile, file, assetType, fileParams, mode);
+    yield put({ type: types.UPLOAD_ASSET_SUCCESS, data: result.response.asset, statusCode: result.status ? result.status.code : '' });
+  } catch (error) {
+    yield put({ type: types.UPLOAD_ASSET_FAILURE, error });
+  }
+}
+
+export function* getLineTemplatesList(params) {
+  try {
+    console.log('Saga param line ', params.channel, params.queryParams);
+    const result = yield call(Api.getAllTemplates, {channel: params.channel, queryParams: params.queryParams});
+    yield put({ type: types.GET_LINE_TEMPLATES_LIST_SUCCESS, data: result.response.templates, templateData: result.response.mapped});
+  } catch (error) {
+    yield put({ type: types.GET_LINE_TEMPLATES_LIST_FAILURE, error });
+  }
+}
+
+function* watchEditTemplate() {
+  const watcher = yield takeLatest(types.EDIT_TEMPLATE_REQUEST, editTemplate);
+  yield take(LOCATION_CHANGE);
+  yield cancel(watcher);
+}
+
+function* watchGetTemplateDetails() {
+  const watcher = yield takeLatest(types.GET_TEMPLATE_DETAILS_REQUEST, getTemplateDetails);
+  yield take(LOCATION_CHANGE);
+  yield cancel(watcher);
+}
+
+function* watchUploadAsset() {
+  const watcher = yield takeLatest(types.UPLOAD_ASSET_REQUEST, uploadAsset);
+  yield take(LOCATION_CHANGE);
+  yield cancel(watcher);
+}
+
+function* watchLineTemplatesList() {
+  const watcher = yield takeLatest(types.GET_LINE_TEMPLATES_LIST_REQUEST, getLineTemplatesList);
+  yield take(LOCATION_CHANGE);
+  yield cancel(watcher);
+}
+
+// All sagas to be loaded
+export default [
+  watchEditTemplate, watchGetTemplateDetails, watchLineTemplatesList,
+  watchUploadAsset,
+];

package/v2Containers/Line/Edit/selectors.js

@@ -0,0 +1,29 @@
+import { createSelector } from 'reselect';
+
+/**
+ * Direct selector to the create state domain
+ */
+const selectLineEditDomain = () => (state) => state.get('edit');
+
+/**
+ * Other specific selectors
+ */
+
+
+/**
+ * Default selector used by Create
+ */
+
+const makeSelectEdit = () => createSelector(
+  selectLineEditDomain(),
+  (substate) => substate.toJS()
+);
+const makeSelectEditResponse = () => createSelector(
+  selectLineEditDomain(), (dimensionState) => dimensionState.get('editResponse')
+);
+const makeSelectTemplateDetailsResponse = () => createSelector(
+  selectLineEditDomain(), (dimensionState) => dimensionState.get('templateDetails')
+);
+export {
+  makeSelectEdit, makeSelectEditResponse, makeSelectTemplateDetailsResponse,
+};

package/v2Containers/Line/Edit/tests/actions.test.js

@@ -0,0 +1,18 @@
+
+import {
+  defaultAction,
+} from '../actions';
+import {
+  DEFAULT_ACTION,
+} from '../constants';
+
+describe('Create actions', () => {
+  describe('Default Action', () => {
+    it('has a type of DEFAULT_ACTION', () => {
+      const expected = {
+        type: DEFAULT_ACTION,
+      };
+      expect(defaultAction()).toEqual(expected);
+    });
+  });
+});

package/v2Containers/Line/Edit/tests/index.test.js

@@ -0,0 +1,10 @@
+// import React from 'react';
+// import { shallow } from 'enzyme';
+
+// import { Create } from '../index';
+
+describe('<Create />', () => {
+  it('Expect to have unit tests specified', () => {
+    expect(true).toEqual(false);
+  });
+});

package/v2Containers/Line/Edit/tests/reducer.test.js

@@ -0,0 +1,9 @@
+
+import { fromJS } from 'immutable';
+import createReducer from '../reducer';
+
+describe('createReducer', () => {
+  it('returns the initial state', () => {
+    expect(createReducer(undefined, {})).toEqual(fromJS({}));
+  });
+});

package/v2Containers/Line/Edit/tests/sagas.test.js

@@ -0,0 +1,15 @@
+/**
+ * Test  sagas
+ */
+
+/* eslint-disable redux-saga/yield-effects */
+// import { take, call, put, select } from 'redux-saga/effects';
+// import { defaultSaga } from '../sagas';
+
+// const generator = defaultSaga();
+
+describe('defaultSaga Saga', () => {
+  it('Expect to have unit tests specified', () => {
+    expect(true).toEqual(false);
+  });
+});

package/v2Containers/Line/Edit/tests/selectors.test.js

@@ -0,0 +1,10 @@
+// import { fromJS } from 'immutable';
+// import { makeSelectCreateDomain } from '../selectors';
+
+// const selector = makeSelectCreateDomain();
+
+describe('makeSelectCreateDomain', () => {
+  it('Expect to have unit tests specified', () => {
+    expect(true).toEqual(false);
+  });
+});

package/v2Containers/MobilePush/Create/index.js

@@ -4,7 +4,7 @@
  *
  */
 
-import PropTypes from 'prop-types';
+import PropTypes, { object } from 'prop-types';
 
 import React from 'react';
 import { bindActionCreators } from 'redux';
@@ -22,11 +22,15 @@ import * as actions from './actions';
 import withCreatives from '../../../hoc/withCreatives';
 
 import {getMessageObject} from '../../../utils/messageUtils';
+import { gtmPush } from '../../../utils/gtmTrackers';
+
 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';
+import { CREATE, TRACK_CREATE_MPUSH } from '../../App/constants';
+import { MOBILE_PUSH } from '../../CreativesContainer/constants';
+import { getContent } from '../commonMethods';
 
 const PrefixWrapper = styled.div`
   margin-right: 16px;
@@ -1401,16 +1405,33 @@ export class Create extends React.Component { // eslint-disable-line react/prefe
     this.setState({schema, initialState: this.state.initialState ? this.state.initialState : this.state.schema, eventsMap, isSchemaChanged: true});
     this.injectEvents(schema);
   };
+
   saveFormData = (formData) => {
     //this function gets called from form bulder only when the form data is valid
     const obj = this.getTransformedData(formData);
+    const content = getContent(obj);
+    const  { 
+      definition: {
+        mode: definitionMode
+      } 
+    } = obj || {};
     const label = this.props.location.pathname.indexOf('image') >= 0 ? 'image' : 'text';
-    this.props.actions.createTemplate(obj, () => {
-      GA.timeTracker.stopTimer(TRACK_CREATE_MPUSH, {
+    this.props.actions.createTemplate(obj, (response) => {
+      const timeTaken = GA.timeTracker.stopTimer(TRACK_CREATE_MPUSH, {
         category: 'Creatives',
         action: TRACK_CREATE_MPUSH,
         label,
       });
+      gtmPush('creativeDetails', {
+        id: response.templateId,
+        name: obj.name,
+        channel: MOBILE_PUSH,
+        timeTaken,
+        content,
+        mode: CREATE,
+        imageAdded: definitionMode === 'image'
+      });
+      
       this.discardValues();
       const message = this.props.intl.formatMessage(messages.messageCreateSuccess);
       CapNotification.success({message, key: 'createMpushSuccess'});

package/v2Containers/MobilePush/Edit/index.js

@@ -26,11 +26,13 @@ import messages from './messages';
 import './_mobilePushCreate.scss';
 import {makeSelectCreate} from "../Create/selectors";
 import withCreatives from '../../../hoc/withCreatives';
+import { gtmPush } from '../../../utils/gtmTrackers';
 
 import getEventsMap from '../eventsMap';
-import {getPrimaryCtaFields, getSecondaryCtaFields, getLinkTypeFields} from '../commonMethods';
+import {getPrimaryCtaFields, getSecondaryCtaFields, getLinkTypeFields, getContent} from '../commonMethods';
 import { GA } from '@capillarytech/cap-ui-utils';
-import { TRACK_EDIT_MPUSH } from '../../App/constants';
+import { EDIT, TRACK_EDIT_MPUSH } from '../../App/constants';
+import { MOBILE_PUSH } from '../../CreativesContainer/constants';
 
 const PrefixWrapper = styled.div`
   margin-right: 16px;
@@ -271,14 +273,34 @@ export class Edit extends React.Component { // eslint-disable-line react/prefer-
       this.setState({modalContent: {...this.state.modalContent, show: false}});
     }
   };
-  onUpdateTemplateComplete = () => {
-    
+  onUpdateTemplateComplete = (response) => {
+    const obj = this.getTransformedData(this.state.formData);
+    const content = getContent(obj);
+    const  { 
+      definition: {
+        mode: definitionMode
+      } 
+    } = obj || {};
     const label = this.props.location.pathname.indexOf('image') >= 0 ? 'image' : 'text';
-    GA.timeTracker.stopTimer(TRACK_EDIT_MPUSH, {
+    const timeTaken = GA.timeTracker.stopTimer(TRACK_EDIT_MPUSH, {
       category: 'Creatives',
       action: TRACK_EDIT_MPUSH,
       label,
     });
+    try {
+      gtmPush('creativeDetails', {
+        id: response.templateId,
+        name: obj.name,
+        channel: MOBILE_PUSH,
+        timeTaken,
+        content,
+        mode: EDIT,
+        imageAdded: definitionMode === 'image'
+      })
+    } catch(e) {
+      console.log(e);
+    }
+    
     this.resetSchema();
     this.setState({
       formData: {},

package/v2Containers/MobilePush/Edit/sagas.js

@@ -15,7 +15,7 @@ export function* editTemplate(template) {
       errorMsg = result.message;
     }
     yield put({ type: types.EDIT_TEMPLATE_SUCCESS, data: result.response, statusCode: result.status ? result.status.code : '', errorMsg });
-    yield call(template.callback);
+    yield call(template.callback, {templateId: result?.response?.templateId._id});
   } catch (error) {
     yield put({ type: types.EDIT_TEMPLATE_FAILURE, error, errorMsg });
   }

package/v2Containers/MobilePush/commonMethods.js

@@ -246,6 +246,24 @@ function getLinkTypeFields({inputFieldsArgs, fieldIndex, deepLinkOptions, formDa
   }
   return inputFields;
 }
+
+function getContent(obj) {
+  const {
+    versions : {
+      base: {
+        ANDROID: {
+          title : androidTitle,
+          message : androidMessage
+        } = {},
+        IOS: {
+          title: iosTitle,
+          message: iosMessage
+        } = {}
+      } = {}
+    } = {}
+  } = obj;
+  return `${androidTitle} ${androidMessage} ${iosTitle} ${iosMessage}`;
+}
 export {
-  getPrimaryCtaFields, getSecondaryCtaFields, getLinkTypeFields,
+  getPrimaryCtaFields, getSecondaryCtaFields, getLinkTypeFields, getContent
 };

package/v2Containers/Sms/Create/index.js

@@ -21,13 +21,14 @@ import messages from './messages';
 import * as charCount from '../../../utils/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 {showError} from '../commonMethods';
 import withCreatives from '../../../hoc/withCreatives';
 import { GA } from '@capillarytech/cap-ui-utils';
-import { TRACK_CREATE_SMS } from '../../App/constants';
+import { CREATE, TRACK_CREATE_SMS } from '../../App/constants';
 export class Create extends React.Component { // eslint-disable-line react/prefer-stateless-function
   constructor(props) {
     super(props);
@@ -203,11 +204,22 @@ export class Create extends React.Component { // eslint-disable-line react/prefe
     this.setState({currentTab: data});
   }
   onCreateTemplateComplete = (editResponse) => {
-    GA.timeTracker.stopTimer(TRACK_CREATE_SMS, {
+    const timeTaken = GA.timeTracker.stopTimer(TRACK_CREATE_SMS, {
       category: 'Creatives',
       action: TRACK_CREATE_SMS,
     });
+    const {
+      formData
+    } = this.state;
     if (editResponse.templateId) {
+      gtmPush('creativeDetails', {
+        id: editResponse.templateId,
+        name: formData?.['template-name'],
+        channel: SMS,
+        timeTaken,
+        content: formData?.base?.['sms-editor'],
+        mode: CREATE
+      });
       this.resetSchema();
       this.setState({
         formData: {},

package/v2Containers/Sms/Edit/index.js

@@ -21,12 +21,14 @@ import {checkUnicode, updateCharCount} from '../../../utils/smsCharCountV2';
 import '../Create/_smsCreate.scss';
 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 {showError} from '../commonMethods';
 import withCreatives from '../../../hoc/withCreatives';
-import { TRACK_EDIT_SMS } from '../../App/constants';
+import { EDIT, TRACK_EDIT_SMS } from '../../App/constants';
 import { GA } from '@capillarytech/cap-ui-utils';
+import { SMS } from '../../CreativesContainer/constants';
 export class Edit extends React.Component { // eslint-disable-line react/prefer-stateless-function
   constructor(props) {
     super(props);
@@ -220,11 +222,22 @@ export class Edit extends React.Component { // eslint-disable-line react/prefer-
     this.setState({currentTab: data});
   }
   onUpdateTemplateComplete = (editResponse) => {
-    GA.timeTracker.stopTimer(TRACK_EDIT_SMS, {
+    const timeTaken = GA.timeTracker.stopTimer(TRACK_EDIT_SMS, {
       category: 'Creatives',
       action: TRACK_EDIT_SMS,
     });
+    const {
+      formData
+    } = this.state;
     if (editResponse.templateId) {
+      gtmPush('creativeDetails', {
+        id: editResponse.templateId,
+        name: formData?.['template-name'],
+        channel: SMS,
+        timeTaken,
+        content: formData?.base?.['sms-editor'],
+        mode: EDIT
+      })
       this.resetSchema();
       this.setState({
         formData: {},