@capillarytech/creatives-library 2.0.69 → 2.0.71

package/v2Containers/Assets/Gallery/sagas.js

@@ -0,0 +1,84 @@
+import { take, call, put, takeLatest, cancel } from 'redux-saga/effects';
+import { LOCATION_CHANGE } from 'react-router-redux';
+import * as Api from '../../../services/api';
+import * as types from './constants';
+
+export function* getAllAssets(assetType, queryParams) {
+  try {
+    const result = yield call(Api.getAllAssets, assetType, queryParams);
+    yield put({ type: types.GET_ALL_ASSETS_SUCCESS, data: result.data.response, isReset: assetType.queryParams.page === 1 });
+  } catch (error) {
+    yield put({ type: types.GET_ALL_ASSETS_FAILURE, error });
+  }
+}
+
+export function* uploadAsset(file, assetType, fileParams) {
+  try {
+    const result = yield call(Api.uploadFile, file, assetType, fileParams);
+    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* deleteAssetById(assetId, assetType) {
+  try {
+    const result = yield call(Api.deleteAssetById, assetId, assetType);
+    console.log({"delete Asset Id": result});
+    yield put({ type: types.DELETE_ASSET_SUCCESS, data: result.response });
+  } catch (error) {
+    yield put({ type: types.DELETE_ASSET_FAILURE, error });
+  }
+}
+
+export function* fetchUserList() {
+  try {
+    const result = yield call(Api.getUserList);
+    yield [
+      put({
+        type: types.GET_USER_LIST_SUCCESS,
+        data: result.data.result,
+      }),
+    ];
+  } catch (error) {
+    yield [
+      put({
+        type: types.GET_USER_LIST_FAILURE,
+        data: error,
+      }),
+    ];
+  }
+}
+
+
+function* watchGetAllAssets() {
+  const watcher = yield takeLatest(types.GET_ALL_ASSETS_REQUEST, getAllAssets);
+  yield take(LOCATION_CHANGE);
+  yield cancel(watcher);
+}
+
+function* watchDeleteAssetById() {
+  const watcher = yield takeLatest(types.DELETE_ASSET_REQUEST, deleteAssetById);
+  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* watchGetUserList() {
+  const watcher = yield takeLatest(types.GET_USER_LIST_REQUEST, fetchUserList);
+  yield take(LOCATION_CHANGE);
+  yield cancel(watcher);
+}
+
+// All sagas to be loaded
+export default [
+  watchGetAllAssets,
+  watchUploadAsset,
+  watchDeleteAssetById,
+  watchGetUserList,
+];

package/v2Containers/Assets/Gallery/selectors.js

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

package/v2Containers/Assets/Gallery/tests/__snapshots__/reducer.test.js.snap

@@ -0,0 +1,7 @@
+exports[`galleryReducer Initial State should match snapshot returns the initial state 1`] = `
+Object {
+  "assetList": Array [],
+  "assetUploading": false,
+  "fetchingAllAssets": false,
+}
+`;

package/v2Containers/Assets/Gallery/tests/actions.test.js

@@ -0,0 +1,26 @@
+
+import * as actions from '../actions';
+import * as types from '../constants';
+
+describe('Gallery actions', () => {
+  describe('uploadAsset', () => {
+    it('has a type of UPLOAD_ASSET_REQUEST', () => {
+      const expected = {
+        type: types.UPLOAD_ASSET_REQUEST,
+        file: 'test',
+        assetType: 'IMAGE',
+      };
+      expect(actions.uploadAsset('test', 'IMAGE')).toEqual(expected);
+    });
+  });
+
+  describe('getAllAssets', () => {
+    it('has a type of GET_ALL_ASSETS_REQUEST', () => {
+      const expected = {
+        type: types.GET_ALL_ASSETS_REQUEST,
+        assetType: 'IMAGE',
+      };
+      expect(actions.getAllAssets('IMAGE')).toEqual(expected);
+    });
+  });
+});

package/v2Containers/Assets/Gallery/tests/index.test.js

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

package/v2Containers/Assets/Gallery/tests/reducer.test.js

@@ -0,0 +1,95 @@
+
+import { fromJS } from 'immutable';
+import galleryReducer from '../reducer';
+import * as types from '../constants';
+import * as actions from '../actions';
+
+describe('galleryReducer', () => {
+  describe('Initial State should match snapshot', () => {
+    it('returns the initial state', () => {
+      expect(galleryReducer(undefined, {})).toMatchSnapshot();
+    });
+  });
+
+  describe('Request for all assets', () => {
+    const initialState = fromJS({
+      assetList: [],
+      fetchingAllAssets: false,
+      fetchAllAssetSuccess: false,
+    });
+    const requestAction = actions.getAllAssets('IMAGE');
+    const stateOnRequest = galleryReducer(initialState, requestAction);
+    const successStateExpected = {
+      assetList: [
+        {
+          _id: '5678fdghfh',
+        },
+        {
+          _id: '5678fdghfh5',
+        },
+      ],
+      fetchingAllAssets: false,
+      fetchAllAssetSuccess: true,
+    };
+    const successAction = {
+      type: types.GET_ALL_ASSETS_SUCCESS,
+      data: {
+        assets: [
+          {
+            _id: '5678fdghfh',
+          },
+          {
+            _id: '5678fdghfh5',
+          },
+        ],
+      },
+    };
+    const stateOnSuccess = galleryReducer(initialState, successAction);
+    const failureAction = {
+      type: types.GET_ALL_ASSETS_FAILURE,
+      error: 'Some error Occurred',
+    };
+    const stateOnFailure = galleryReducer(initialState, failureAction);
+    it('should set fetching_schedule_message to true on request', () => {
+      expect(stateOnRequest.toJS()).toEqual({ assetList: [], fetchingAllAssets: true, fetchAllAssetSuccess: false });
+    });
+
+    it('should set assetList from response on success', () => {
+      expect(stateOnSuccess.toJS()).toEqual(successStateExpected);
+    });
+    it('should set fetching_schedule_message to false on GET_ALL_ASSETS_FAILURE', () => {
+      expect(stateOnFailure.toJS()).toEqual({assetList: [], fetchingAllAssets: false, fetchAllAssetSuccess: false});
+    });
+  });
+
+  describe('Upload Assets', () => {
+    const initialState = fromJS({
+      assetUploading: false,
+    });
+    const requestAction = actions.uploadAsset({}, 'IMAGE', {});
+    const stateOnRequest = galleryReducer(initialState, requestAction);
+    const successStateExpected = {
+      assetUploading: false,
+      uploadAssetSuccess: true,
+    };
+    const successAction = {
+      type: types.UPLOAD_ASSET_SUCCESS,
+    };
+    const stateOnSuccess = galleryReducer(initialState, successAction);
+    const failureAction = {
+      type: types.UPLOAD_ASSET_FAILURE,
+      error: 'Some error Occurred',
+    };
+    const stateOnFailure = galleryReducer(initialState, failureAction);
+    it('should set assetUploading to true and uploadAssetSuccess to false on request', () => {
+      expect(stateOnRequest.toJS()).toEqual({ uploadAssetSuccess: false, assetUploading: true });
+    });
+
+    it('should set assetUploading to false and uploadAssetSuccess to true on success', () => {
+      expect(stateOnSuccess.toJS()).toEqual(successStateExpected);
+    });
+    it('should set assetUploading to false and uploadAssetSuccess to false on UPLOAD_ASSET_FAILURE', () => {
+      expect(stateOnFailure.toJS()).toEqual({ uploadAssetSuccess: false, assetUploading: false });
+    });
+  });
+});

package/v2Containers/Assets/Gallery/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/Assets/Gallery/tests/selectors.test.js

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

package/v2Containers/CallTask/_callTask.scss

@@ -0,0 +1,5 @@
+.call-task-action-button {
+    display: flex;
+    justify-content: center;
+    margin-top: 40px;
+}

package/v2Containers/CallTask/actions.js

@@ -0,0 +1,15 @@
+/*
+ *
+ * CallTask actions
+ *
+ */
+
+import {
+  DEFAULT_ACTION,
+} from './constants';
+
+export function defaultAction() {
+  return {
+    type: DEFAULT_ACTION,
+  };
+}

package/v2Containers/CallTask/constants.js

@@ -0,0 +1,7 @@
+/*
+ *
+ * CallTask constants
+ *
+ */
+
+export const DEFAULT_ACTION = 'app/CallTask/DEFAULT_ACTION';

package/v2Containers/CallTask/index.js

@@ -0,0 +1,141 @@
+/*
+ *
+ * CallTask
+ *
+ */
+import PropTypes from 'prop-types';
+import React from 'react';
+import { bindActionCreators } from "redux";
+import { connect } from 'react-redux';
+import {
+  //CapSlideBox,
+  CapButton,
+  //CapIcon,
+  //CapHeader,
+  CapLabel,
+} from '@capillarytech/cap-ui-library';
+import { injectIntl, intlShape } from 'react-intl';
+import { createStructuredSelector } from 'reselect';
+import { makeSelectMetaEntities, isLoadingMetaEntities } from '../Cap/selectors';
+import * as globalActions from '../../containers/Cap/actions';
+import * as actions from "./actions";
+import makeSelectCallTask from './selectors';
+import NewCallTask from '../../components/NewCallTask';
+import messages from './messages';
+import './_callTask.scss';
+
+export class CallTask extends React.Component { // eslint-disable-line react/prefer-stateless-function
+  constructor(props) {
+    super(props);
+    this.state = {
+      showCallTaskSlidebox: false,
+      mode: props.mode || '', // supported modes are create | edit
+    };
+  }
+
+  componentDidMount() {
+    const query = {
+      layout: 'SMS',
+      type: 'TAG',
+      context: 'outbound',
+      embedded: 'embedded',
+    };
+    this.props.globalActions.fetchSchemaForEntity(query);
+  }
+
+  showNewCallTask = () => {
+    this.setState({
+      showCallTaskSlidebox: true,
+      mode: 'create',
+    });
+  }
+
+  closeSlideBox = () => {
+    this.setState({
+      showCallTaskSlidebox: false,
+      mode: '',
+    });
+  }
+
+  render() {
+    const { intl, onCallTaskSubmit, templateData, loadingMetaEntities, metaEntities, showContentInSlidebox, onCreateNew } = this.props;
+    const { formatMessage } = intl;
+    const { mode } = this.state;
+    return (
+      <div>
+        {mode ?
+          <NewCallTask
+            metaEntities={metaEntities}
+            isLoading={loadingMetaEntities}
+            mode={mode}
+            templateData={templateData}
+            onCallTaskSubmit={onCallTaskSubmit}
+          />
+          :
+            <div>
+              <CapLabel type="label1">
+                {formatMessage(messages.callTaskInfo)}
+              </CapLabel>
+              <div className="call-task-action-button">
+                <CapButton onClick={showContentInSlidebox ? this.showNewCallTask : onCreateNew}>
+                  {formatMessage(messages.addNewCallTask)}
+                </CapButton>
+              </div>
+              {/* {
+              showCallTaskSlidebox && showContentInSlidebox &&
+              <CapSlideBox
+                header={
+                  <CapHeader
+                    title={formatMessage(messages.newMessage)}
+                    prefix={
+                      <CapIcon style={{ marginRight: '16px' }} type={"back"} onClick={this.closeSlideBox} />
+                    } />
+                }
+                show={showCallTaskSlidebox}
+                size="size-l"
+                handleClose={this.closeSlideBox}
+                content={
+                  <NewCallTask
+                    metaEntities={metaEntities}
+                    isLoading={loadingMetaEntities}
+                    mode={mode}
+                    onCallTaskSubmit={onCallTaskSubmit}
+                  />
+                }
+              />
+            } */}
+            </div>
+        }
+      </div>
+    );
+  }
+}
+
+CallTask.propTypes = {
+  intl: intlShape.isRequired,
+  onCallTaskSubmit: PropTypes.func,
+  mode: PropTypes.string,
+  templateData: PropTypes.object,
+  globalActions: PropTypes.object,
+  metaEntities: PropTypes.object,
+  loadingMetaEntities: PropTypes.bool,
+  showContentInSlidebox: PropTypes.bool,
+  onCreateNew: PropTypes.func,
+};
+
+
+const mapStateToProps = createStructuredSelector({
+  CallTask: makeSelectCallTask(),
+  metaEntities: makeSelectMetaEntities(),
+  loadingMetaEntities: isLoadingMetaEntities(),
+});
+
+function mapDispatchToProps(dispatch) {
+  return {
+    globalActions: bindActionCreators(globalActions, dispatch),
+    actions: bindActionCreators(actions, dispatch),
+  };
+}
+
+
+export default connect(mapStateToProps, mapDispatchToProps)(injectIntl(CallTask));

package/v2Containers/CallTask/messages.js

@@ -0,0 +1,21 @@
+/*
+ * CallTask Messages
+ *
+ * This contains all the text for the CallTask component.
+ */
+import { defineMessages } from 'react-intl';
+
+export default defineMessages({
+  addNewCallTask: {
+    id: 'app.containers.CallTask.addNewCallTask',
+    defaultMessage: 'Add New Call Task',
+  },
+  newMessage: {
+    id: 'app.containers.CallTask.newMessage',
+    defaultMessage: 'New Message',
+  },
+  callTaskInfo: {
+    id: 'app.containers.CallTask.callTaskInfo',
+    defaultMessage: 'Call Tasks are message sent to store staff. The messages are displayed on the Point of Sale (POS) machines for store staff to take action.',
+  },
+});

package/v2Containers/CallTask/reducer.js

@@ -0,0 +1,23 @@
+/*
+ *
+ * CallTask reducer
+ *
+ */
+
+import { fromJS } from 'immutable';
+import {
+  DEFAULT_ACTION,
+} from './constants';
+
+const initialState = fromJS({});
+
+function callTaskReducer(state = initialState, action) {
+  switch (action.type) {
+    case DEFAULT_ACTION:
+      return state;
+    default:
+      return state;
+  }
+}
+
+export default callTaskReducer;

package/v2Containers/CallTask/sagas.js

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

package/v2Containers/CallTask/selectors.js

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

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

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

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

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

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

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

package/v2Containers/CallTask/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(false).toEqual(false);
+  });
+});

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

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

package/v2Containers/Cap/actions.js

@@ -0,0 +1,64 @@
+/**
+ * Created by vivek on 22/5/17.
+ */
+import * as types from './constants';
+
+export function authenticate(user) {
+  return {
+    type: types.LOGIN_REQUEST,
+    user,
+  };
+}
+
+export function logout() {
+  return {
+    type: types.LOGOUT_REQUEST,
+  };
+}
+
+export function changeOrg(orgID) {
+  return {
+    type: types.SWITCH_ORG_REQUEST,
+    orgID,
+  };
+}
+
+export function addMessageToQueue(message) {
+  console.log('CAP Action ', message);
+  return {
+    type: types.ADD_MESSAGE,
+    message,
+  };
+}
+
+export function removeMessageFromQueue(messageIndex) {
+  return {
+    type: types.REMOVE_MESSAGE,
+    messageIndex,
+  };
+}
+
+export function getUserData() {
+  return {
+    type: types.GET_USER_DATA_REQUEST,
+  };
+}
+
+export function fetchSchemaForEntity(queryParams) {
+  console.log('fetch schema action');
+  return {
+    type: types.GET_SCHEMA_FOR_ENTITY_REQUEST, queryParams,
+  };
+}
+
+export function clearMetaEntities() {
+  return {
+    type: types.CLEAR_META_ENTITIES,
+  };
+}
+export function setInjectedTags(injectedTags) {
+  return {
+    type: types.SET_INJECTED_TAGS, injectedTags,
+  };
+}
+