@capillarytech/creatives-library 6.12.2 → 6.12.4

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/Container/Video/index.js

@@ -74,6 +74,7 @@ export const LineVideo = ({
   const [videoDuration, updateVideoDuration] = useState('');
   const [videoHeight, updateVideoHeight] = useState();
   const [videoWidth, updateVideoWidth] = useState();
+  const [isPlaying, updateIsPlaying] = useState(false);
 
 
   useEffect(() => {
@@ -338,6 +339,18 @@ export const LineVideo = ({
     updateTemplateDrawerRequirement(true);
   }, [])
 
+  const playVideo = (e) => {
+    if (e.target.paused && !isPlaying) {
+      e.target.play();
+    }
+  } 
+
+  const pauseVideo = (e) => {
+    if (!e.target.paused && isPlaying) {
+      e.target.pause();
+    }
+  }
+
   const getVideoSection = () => {
     if (!isVideo) {
       return (
@@ -393,8 +406,10 @@ export const LineVideo = ({
             poster={imagePreview}
             className="line-image-src"
             onLoadedMetadata={() => updateMetadataLoaded(true)}
-            onMouseOver={e => e.target.play()}
-            onMouseOut={e => e.target.pause()}
+            onPlaying={() => updateIsPlaying(true)}
+            onPause={() => updateIsPlaying(false)}
+            onMouseOver={playVideo}
+            onMouseOut={pauseVideo}
             ref={videoEl}
           >
               <source src={videoSrc} type="video/mp4" />

package/v2Containers/Line/Container/index.js

@@ -322,18 +322,30 @@ export const LineContainer = ({
         });
     }
 
-    const createCallback = () => {
-        CapNotification.success({
-            message: formatMessage(messages.lineCreateNotification),
-        });
-        actions.clearEditResponse();
+    const createCallback = (errorMessage) => {
+        if (!errorMessage) {
+            CapNotification.success({
+                message: formatMessage(messages.lineCreateNotification),
+            });
+            actions.clearEditResponse();
+        } else {
+            CapNotification.error({
+                message: errorMessage,
+            });
+        }
     }
 
-    const editCallback = () => {
-        CapNotification.success({
-            message: formatMessage(messages.lineEditNotification),
-        });
-        actions.clearEditResponse();
+    const editCallback = (errorMessage) => {
+        if (!errorMessage) {
+            CapNotification.success({
+                message: formatMessage(messages.lineEditNotification),
+            });
+            actions.clearEditResponse();
+        } else {
+            CapNotification.error({
+                message: errorMessage,
+            });
+        }
     }
 
     const formatSubmitPayload = (lineWrapperContents) => {
@@ -545,15 +557,17 @@ export const LineContainer = ({
     const onCreateLine = () => {
         actions.createTemplate(
             formatSubmitPayload(lineWrapperContents),
-            () => {
-              // stop timer for create line
-              stopTimer(TRACK_CREATE_LINE, {
-                category: 'Creatives',
-                action: TRACK_CREATE_LINE,
-                label: getLineType(lineWrapperContents),
-              });
-              createCallback();
-              onCreateComplete();
+            (resp, errorMessage) => {
+              createCallback(errorMessage);
+              if (!errorMessage) {
+                // stop timer for create line
+                stopTimer(TRACK_CREATE_LINE, {
+                    category: 'Creatives',
+                    action: TRACK_CREATE_LINE,
+                    label: getLineType(lineWrapperContents),
+                });
+                onCreateComplete();
+              }
             }
         );
     }
@@ -586,15 +600,17 @@ export const LineContainer = ({
                 ...formatSubmitPayload(lineWrapperContents),
                 _id: params.id,
             },
-            () => {
-                // stop timer for edit line
-                stopTimer(TRACK_EDIT_LINE, {
-                    category: 'Creatives',
-                    action: TRACK_EDIT_LINE,
-                    label: getLineType(lineWrapperContents),
-                });
-                editCallback();
-                onCreateComplete();
+            (resp, errorMessage) => {
+                editCallback(errorMessage);
+                if (!errorMessage) {
+                    // stop timer for edit line
+                    stopTimer(TRACK_EDIT_LINE, {
+                        category: 'Creatives',
+                        action: TRACK_EDIT_LINE,
+                        label: getLineType(lineWrapperContents),
+                    });
+                    onCreateComplete();
+                }
           });
     }
 

package/v2Containers/Line/Container/sagas.js

@@ -8,10 +8,10 @@ import * as types from './constants';
 export function* createTemplate({ template, callback }) {
   let errorMsg;
   try {
-    console.log('inside line saga createTemplate@@@', template);
     const result = yield call(Api.createLineTemplate, { template });
-    if (result.message || result.status.code === 500) {
+    if (result.status.code >= 400) {
       errorMsg = result.message;
+      throw errorMsg;
     }
     yield put({ type: types.CREATE_TEMPLATE_SUCCESS, data: result.response, statusCode: result.status ? result.status.code : '', errorMsg });
     if (callback) {
@@ -19,6 +19,9 @@ export function* createTemplate({ template, callback }) {
     }
   } catch (error) {
     yield put({ type: types.CREATE_TEMPLATE_FAILURE, error, errorMsg });
+    if (callback) {
+      callback(null, errorMsg);
+    }
   }
 }
 export function* uploadAsset(file, assetType, fileParams ) {
@@ -48,11 +51,10 @@ function* watchUploadAsset() {
 export function* editTemplate({ template, callback }) {
   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) {
+    if (result.status.code >= 400) {
       errorMsg = result.message;
+      throw errorMsg;
     }
     if (callback) {
       callback(result.response);
@@ -60,6 +62,9 @@ export function* editTemplate({ template, callback }) {
     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 });
+    if (callback) {
+      callback(null, errorMsg);
+    }
   }
 }
 

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';