@capillarytech/creatives-library 6.15.1 → 6.15.2

package/v2Containers/CreativesContainer/sagas.js

@@ -1,11 +1,11 @@
-// import { take, call, put, select } from 'redux-saga/effects';
-
-// Individual exports for testing
-export function* defaultSaga() {
-  // See example in v2Containers/HomePage/sagas.js
-}
-
-// All sagas to be loaded
-export default [
-  defaultSaga,
-];
+// import { take, call, put, select } from 'redux-saga/effects';
+
+// Individual exports for testing
+export function* defaultSaga() {
+  // See example in v2Containers/HomePage/sagas.js
+}
+
+// All sagas to be loaded
+export default [
+  defaultSaga,
+];

package/v2Containers/CreativesContainer/selectors.js

@@ -1,30 +1,30 @@
-import { createSelector } from 'reselect';
-
-/**
- * Direct selector to the creativesContainer state domain
- */
-const selectCreativesContainerDomain = () => (state) => state.get('creativesContainer');
-
-/**
- * Other specific selectors
- */
-
-
-/**
- * Default selector used by CreativesContainer
- */
-
-const makeSelectCreativesContainer = () => createSelector(
-  selectCreativesContainerDomain(),
-  (substate) => substate.toJS()
-);
-const isLoading = () => createSelector(
-  makeSelectCreativesContainer(),
-  (substate) => substate.containerLoader
-);
-
-export default makeSelectCreativesContainer;
-export {
-  selectCreativesContainerDomain,
-  isLoading,
-};
+import { createSelector } from 'reselect';
+
+/**
+ * Direct selector to the creativesContainer state domain
+ */
+const selectCreativesContainerDomain = () => (state) => state.get('creativesContainer');
+
+/**
+ * Other specific selectors
+ */
+
+
+/**
+ * Default selector used by CreativesContainer
+ */
+
+const makeSelectCreativesContainer = () => createSelector(
+  selectCreativesContainerDomain(),
+  (substate) => substate.toJS()
+);
+const isLoading = () => createSelector(
+  makeSelectCreativesContainer(),
+  (substate) => substate.containerLoader
+);
+
+export default makeSelectCreativesContainer;
+export {
+  selectCreativesContainerDomain,
+  isLoading,
+};

package/v2Containers/CreativesContainer/tests/actions.test.js

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

package/v2Containers/CreativesContainer/tests/index.test.js

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

package/v2Containers/CreativesContainer/tests/reducer.test.js

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

package/v2Containers/CreativesContainer/tests/sagas.test.js

@@ -1,15 +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(true);
-  });
-});
+/**
+ * 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(true);
+  });
+});

package/v2Containers/CreativesContainer/tests/selectors.test.js

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

package/v2Containers/Line/Create/index.js

@@ -7,6 +7,7 @@ import { intlShape } from 'react-intl';
 import { createStructuredSelector } from 'reselect';
 import _ from 'lodash';
 import { CapSpin, CapHeading, CapRow, CapColumn, CapNotification } from '@capillarytech/cap-ui-library';
+import { GA } from '@capillarytech/cap-ui-utils';
 import messages from './messages';
 import * as actions from './actions';
 import Gallery from '../../Assets/Gallery';
@@ -23,6 +24,7 @@ import {
   LINE_IMG_WIDTH,
   LINE_IMG_SIZE,
 } from './constants';
+import { TRACK_CREATE_LINE, TRACK_EDIT_LINE } from '../../App/constants';
 
 export class Line extends Component {
   constructor(props) {
@@ -521,18 +523,36 @@ export class Line extends Component {
       } = this.props;
       const { text, originalContentUrl, image } = get(obj, "versions.base.content.messages[0]", {});
       const { name } = obj || {};
+      const {stopTimer} = GA.timeTracker;
+      const modeType = obj.definition.mode;
+      const type = this.state.isEdit ? TRACK_EDIT_LINE : TRACK_CREATE_LINE;
       if ((text || originalContentUrl || image) && (isFullMode ? name : true)) {
         if (!isFullMode) {
           saveMessage();
         } else if (this.state.isEdit) {
           actions.editTemplate(obj, () => {
+            // stop timer for edit line
+            stopTimer(type, {
+              category: 'Creatives',
+              action: type,
+              label: modeType,
+            });
             this.setEditSuccessMessage();
             onCreateComplete();
           });
         } else {
           actions.createTemplate(
             obj,
-            onCreateComplete
+            () => {
+              // stop timer for create line
+              stopTimer(type, {
+                category: 'Creatives',
+                action: type,
+                label: modeType,
+              });
+              this.setEditSuccessMessage();
+              onCreateComplete();
+            }
           );
         }
       }
@@ -861,7 +881,7 @@ export class Line extends Component {
       layout: 'LINE',
       type: 'TAG',
       context:
-        data.toLowerCase() === 'all' ? 'default' : data.toLowerCase(),
+        (data || '').toLowerCase() === 'all' ? 'default' : (data || '').toLowerCase(),
       embedded:
         this.props.location.query.type === 'embedded'
           ? this.props.location.query.type
@@ -1109,4 +1129,4 @@ export default withCreatives({
   mapStateToProps,
   mapDispatchToProps,
   userAuth: true,
-});
+});

package/v2Containers/Line/Edit/index.js

@@ -431,8 +431,8 @@ export class Edit extends React.Component { // eslint-disable-line react/prefer-
       if (secondaryCta1) {
         const cta = {
           actionText: android['secondary-cta-0-label'],
-          type: android['cta-deeplink-secondary-cta-0'].toLowerCase() === "deeplink" ? "DEEP_LINK" : "EXTERNAL_URL",
-          actionLink: android['cta-deeplink-secondary-cta-0'].toLowerCase() === "deeplink" ? android['cta-deeplink-secondary-cta-0-select'] : android['cta-deeplink-secondary-cta-0-text'],
+          type: (android['cta-deeplink-secondary-cta-0'] || '').toLowerCase() === "deeplink" ? "DEEP_LINK" : "EXTERNAL_URL",
+          actionLink: (android['cta-deeplink-secondary-cta-0'] || '').toLowerCase() === "deeplink" ? android['cta-deeplink-secondary-cta-0-select'] : android['cta-deeplink-secondary-cta-0-text'],
           seccdeepLinkName: this.getLinkName(android['cta-deeplink-secondary-cta-0-select']),
         };
         if (this.props.location.query.type === 'embedded') {
@@ -456,8 +456,8 @@ export class Edit extends React.Component { // eslint-disable-line react/prefer-
       if (secondaryCta2) {
         obj.versions.base.ANDROID.expandableDetails.ctas.push({
           actionText: android['secondary-cta-1-label'],
-          type: android['cta-deeplink-secondary-cta-1'].toLowerCase() === "deeplink" ? "DEEP_LINK" : "EXTERNAL_URL",
-          actionLink: android['cta-deeplink-secondary-cta-1'].toLowerCase() === "deeplink" ? android['cta-deeplink-secondary-cta-1-select'] : android['cta-deeplink-secondary-cta-1-text'],
+          type: (android['cta-deeplink-secondary-cta-1'] || '').toLowerCase() === "deeplink" ? "DEEP_LINK" : "EXTERNAL_URL",
+          actionLink: (android['cta-deeplink-secondary-cta-1'] || '').toLowerCase() === "deeplink" ? android['cta-deeplink-secondary-cta-1-select'] : android['cta-deeplink-secondary-cta-1-text'],
           seccdeepLinkName: this.getLinkName(android['cta-deeplink-secondary-cta-1-select']),
         });
         if (obj.versions.base.ANDROID.expandableDetails.ctas[obj.versions.base.ANDROID.expandableDetails.ctas.length - 1].type === "DEEP_LINK") {
@@ -947,7 +947,7 @@ export class Edit extends React.Component { // eslint-disable-line react/prefer-
     const query = {
       layout: 'line',
       type: 'TAG',
-      context: data.toLowerCase() === 'all' ? 'default' : data.toLowerCase(),
+      context: (data || '').toLowerCase() === 'all' ? 'default' : (data || '').toLowerCase(),
       embedded: this.props.location.query.type === 'embedded' ? this.props.location.query.type : 'full',
     };
     this.props.globalActions.fetchSchemaForEntity(query);

package/v2Containers/Templates/tests/actions.test.js

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

package/v2Containers/Templates/tests/index.test.js

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

package/v2Containers/Templates/tests/reducer.test.js

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

package/v2Containers/Templates/tests/sagas.test.js

@@ -1,15 +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);
-  });
-});
+/**
+ * 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/Templates/tests/selectors.test.js

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

package/v2Containers/TemplatesV2/TemplatesV2.style.js

@@ -1,29 +1,29 @@
-import { css } from 'styled-components';
-import {CAP_SPACE_24, CAP_SPACE_16} from '@capillarytech/cap-ui-library/styled/variables';
-
-export default css`
-  .cap-tab-v2-wrapper{
-    .ant-tabs-tabpane {
-        border: none;
-    }
-  }
-
-  .component-wrapper {
-    ${(props) => props.isFullMode ? `
-      max-width: 1140px;
-      margin: 0 auto;
-      width: 100%;
-      padding: ${CAP_SPACE_24} 0;
-      .ant-tabs-content{
-        margin-top: ${CAP_SPACE_16}
-      }
-    ` : `.cap-tab-v2 {
-      height: calc(100vh - 118px);
-    } `}
-  }
-`;
-
-export const CapTabStyle = css`
-  ${(props) => props.isFullMode ? `margin-top: ${CAP_SPACE_24}` : ``
-  }
-`;
+import { css } from 'styled-components';
+import {CAP_SPACE_24, CAP_SPACE_16} from '@capillarytech/cap-ui-library/styled/variables';
+
+export default css`
+  .cap-tab-v2-wrapper{
+    .ant-tabs-tabpane {
+        border: none;
+    }
+  }
+
+  .component-wrapper {
+    ${(props) => props.isFullMode ? `
+      max-width: 1140px;
+      margin: 0 auto;
+      width: 100%;
+      padding: ${CAP_SPACE_24} 0;
+      .ant-tabs-content{
+        margin-top: ${CAP_SPACE_16}
+      }
+    ` : `.cap-tab-v2 {
+      height: calc(100vh - 118px);
+    } `}
+  }
+`;
+
+export const CapTabStyle = css`
+  ${(props) => props.isFullMode ? `margin-top: ${CAP_SPACE_24}` : ``
+  }
+`;

package/v2Containers/TemplatesV2/actions.js

@@ -1,16 +1,16 @@
-
-import * as types from './constants';
-
-export function defaultAction() {
-  return {
-    type: types.DEFAULT_ACTION,
-  };
-}
-
-export function getTemplates({channel, query}) {
-  return {
-    type: types.GET_TEMPLATES_REQUEST,
-    channel,
-    query,
-  };
-}
+
+import * as types from './constants';
+
+export function defaultAction() {
+  return {
+    type: types.DEFAULT_ACTION,
+  };
+}
+
+export function getTemplates({channel, query}) {
+  return {
+    type: types.GET_TEMPLATES_REQUEST,
+    channel,
+    query,
+  };
+}

package/v2Containers/TemplatesV2/constants.js

@@ -1,10 +1,10 @@
-/*
- *
- * TemplatesV2 constants
- *
- */
-
-export const DEFAULT_ACTION = 'app/TemplatesV2/DEFAULT_ACTION';
-export const GET_TEMPLATES_REQUEST = 'app/TemplatesV2/GET_TEMPLATES_REQUEST';
-export const GET_TEMPLATES_SUCESS = 'app/TemplatesV2/GET_TEMPLATES_SUCESS';
-export const GET_TEMPLATES_FAILURE = 'app/TemplatesV2/GET_TEMPLATES_FAILURE';
+/*
+ *
+ * TemplatesV2 constants
+ *
+ */
+
+export const DEFAULT_ACTION = 'app/TemplatesV2/DEFAULT_ACTION';
+export const GET_TEMPLATES_REQUEST = 'app/TemplatesV2/GET_TEMPLATES_REQUEST';
+export const GET_TEMPLATES_SUCESS = 'app/TemplatesV2/GET_TEMPLATES_SUCESS';
+export const GET_TEMPLATES_FAILURE = 'app/TemplatesV2/GET_TEMPLATES_FAILURE';

package/v2Containers/TemplatesV2/selectors.js

@@ -1,25 +1,25 @@
-import { createSelector } from 'reselect';
-
-/**
- * Direct selector to the templatesV2 state domain
- */
-const selectTemplatesV2Domain = () => (state) => state.get('templatesV2');
-
-/**
- * Other specific selectors
- */
-
-
-/**
- * Default selector used by TemplatesV2
- */
-
-const makeSelectTemplatesV2 = () => createSelector(
-  selectTemplatesV2Domain(),
-  (substate) => substate.toJS()
-);
-
-export default makeSelectTemplatesV2;
-export {
-  selectTemplatesV2Domain,
-};
+import { createSelector } from 'reselect';
+
+/**
+ * Direct selector to the templatesV2 state domain
+ */
+const selectTemplatesV2Domain = () => (state) => state.get('templatesV2');
+
+/**
+ * Other specific selectors
+ */
+
+
+/**
+ * Default selector used by TemplatesV2
+ */
+
+const makeSelectTemplatesV2 = () => createSelector(
+  selectTemplatesV2Domain(),
+  (substate) => substate.toJS()
+);
+
+export default makeSelectTemplatesV2;
+export {
+  selectTemplatesV2Domain,
+};

package/v2Containers/TemplatesV2/tests/actions.test.js

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