@capillarytech/creatives-library 0.0.1

package/config/request.js

@@ -0,0 +1,135 @@
+/**
+ * Created by Manoj on 17/8/17.
+ */
+
+const requestConfig = {
+  // `url` is the server URL that will be used for the request
+  url: '',
+  // `method` is the request method to be used when making the request
+  method: 'get', // default
+  // `baseURL` will be prepended to `url` unless `url` is absolute.
+  // It can be convenient to set `baseURL` for an instance of axios to pass relative URLs
+  // to methods of that instance.
+  baseURL: '',
+  // `transformRequest` allows changes to the request data before it is sent to the server
+  // This is only applicable for request methods 'PUT', 'POST', and 'PATCH'
+  // The last function in the array must return a string or an instance of Buffer, ArrayBuffer,
+  // FormData or Stream
+  transformRequest: [function transformRequest(data) {
+    // Do whatever you want to transform the data
+    return data;
+  }],
+
+  // `transformResponse` allows changes to the response data to be made before
+  // it is passed to then/catch
+  transformResponse: [function transformResponse(data) {
+    // Do whatever you want to transform the data
+    return data;
+  }],
+
+  // `headers` are custom headers to be sent
+  headers: {},
+
+  // `params` are the URL parameters to be sent with the request
+  // Must be a plain object or a URLSearchParams object
+  params: {},
+
+  // `paramsSerializer` is an optional function in charge of serializing `params`
+  // (e.g. https://www.npmjs.com/package/qs, http://api.jquery.com/jquery.param/)
+  // paramsSerializer(params) {
+  //   return Qs.stringify(params, {arrayFormat: 'brackets'});
+  // },
+
+  // `data` is the data to be sent as the request body
+  // Only applicable for request methods 'PUT', 'POST', and 'PATCH'
+  // When no `transformRequest` is set, must be of one of the following types:
+  // - string, plain object, ArrayBuffer, ArrayBufferView, URLSearchParams
+  // - Browser only: FormData, File, Blob
+  // - Node only: Stream, Buffer
+  data: {},
+
+  // `timeout` specifies the number of milliseconds before the request times out.
+  // If the request takes longer than `timeout`, the request will be aborted.
+  timeout: 300000,
+
+  // `withCredentials` indicates whether or not cross-site Access-Control requests
+  // should be made using credentials
+  withCredentials: false, // default
+
+  // `adapter` allows custom handling of requests which makes testing easier.
+  // Return a promise and supply a valid response (see lib/adapters/README.md).
+  // adapter(config) {
+  //   /* ... */
+  // },
+
+  // `auth` indicates that HTTP Basic auth should be used, and supplies credentials.
+  // This will set an `Authorization` header, overwriting any existing
+  // `Authorization` custom headers you have set using `headers`.
+  // auth: {
+  //   username: 'janedoe',
+  //   password: 's00pers3cret'
+  // },
+
+  // `responseType` indicates the type of data that the server will respond with
+  // options are 'arraybuffer', 'blob', 'document', 'json', 'text', 'stream'
+  responseType: 'json', // default
+
+  // `xsrfCookieName` is the name of the cookie to use as a value for xsrf token
+  // xsrfCookieName: 'XSRF-TOKEN', // default
+
+  // `xsrfHeaderName` is the name of the http header that carries the xsrf token value
+  // xsrfHeaderName: 'X-XSRF-TOKEN', // default
+
+  // `onUploadProgress` allows handling of progress events for uploads
+  // onUploadProgress(progressEvent) {
+  //   // Do whatever you want with the native progress event
+  // },
+
+  // `onDownloadProgress` allows handling of progress events for downloads
+  // onDownloadProgress(progressEvent) {
+  //   // Do whatever you want with the native progress event
+  // },
+
+  // `maxContentLength` defines the max size of the http response content allowed
+  maxContentLength: 50000,
+
+  // `validateStatus` defines whether to resolve or reject the promise for a given
+  // HTTP response status code. If `validateStatus` returns `true` (or is set to `null`
+  // or `undefined`), the promise will be resolved; otherwise, the promise will be
+  // rejected.
+  validateStatus(status) {
+    return status >= 200 && status < 300; // default
+  },
+
+  // `maxRedirects` defines the maximum number of redirects to follow in node.js.
+  // If set to 0, no redirects will be followed.
+  maxRedirects: 5, // default
+
+  // `httpAgent` and `httpsAgent` define a custom agent to be used when performing http
+  // and https requests, respectively, in node.js. This allows options to be added like
+  // `keepAlive` that are not enabled by default.
+  // httpAgent: new http.Agent({keepAlive: true}),
+  // httpsAgent: new https.Agent({keepAlive: true}),
+
+  // 'proxy' defines the hostname and port of the proxy server
+  // `auth` indicates that HTTP Basic auth should be used to connect to the proxy, and
+  // supplies credentials.
+  // This will set an `Proxy-Authorization` header, overwriting any existing
+  // `Proxy-Authorization` custom headers you have set using `headers`.
+  // proxy: {
+  //   // host: '127.0.0.1',
+  //   // port: 9000,
+  //   // auth: {
+  //   //   username: 'mikeymike',
+  //   //   password: 'rapunz3l'
+  //   // }
+  // },
+
+  // `cancelToken` specifies a cancel token that can be used to cancel the request
+  // (see Cancellation section below for details)
+  // cancelToken: new CancelToken((cancel) => {
+  //
+  // }),
+};
+export default requestConfig;
+

package/config/toastr.js

@@ -0,0 +1,44 @@
+export const messageTypeConfig = {
+  information: {
+    background: '#1d5b96',
+  },
+  success: {
+    background: '#85b940',
+  },
+  warning: {
+    background: 'orange',
+  },
+  error: {
+    background: '#d0011b',
+  },
+  neutral: {
+    background: 'grey',
+  },
+};
+
+export const messagePositionConfig = {
+  'top-left': {
+    top: 0,
+    left: 0,
+  },
+  'top-middle': {
+    top: 0,
+    left: `${50}%`,
+  },
+  'top-right': {
+    top: 0,
+    right: 0,
+  },
+  'bottom-left': {
+    bottom: 0,
+    left: 0,
+  },
+  'bottom-middle': {
+    bottom: 0,
+    left: `${50}%`,
+  },
+  'bottom-right': {
+    bottom: 0,
+    right: 0,
+  },
+};

package/containers/App/actions.js

@@ -0,0 +1,7 @@
+import * as types from './constants';
+
+export function getSidebar() {
+  return {
+    type: types.GET_SIDEBAR_REQUEST,
+  };
+}

package/containers/App/constants.js

@@ -0,0 +1,3 @@
+export const GET_SIDEBAR_REQUEST = 'app/App/GET_SIDEBAR_REQUEST';
+export const GET_SIDEBAR_SUCCESS = 'app/App/GET_SIDEBAR_SUCCESS';
+export const GET_SIDEBAR_FAILURE = 'app/App/GET_SIDEBAR_FAILURE';

package/containers/App/reducer.js

@@ -0,0 +1,19 @@
+import { fromJS } from 'immutable';
+import * as types from './constants';
+
+const initialState = fromJS({});
+
+function appReducer(state = initialState, action) {
+  switch (action.type) {
+    case types.GET_SIDEBAR_REQUEST:
+      return state;
+    case types.GET_SIDEBAR_SUCCESS:
+      return state;
+    case types.GET_SIDEBAR_FAILURE:
+      return state;
+    default:
+      return state;
+  }
+}
+
+export default appReducer;

package/containers/App/sagas.js

@@ -0,0 +1,26 @@
+import { call, put, takeLatest } 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* getSidebar() {
+  try {
+    const result = yield call(Api.getSidebar);
+    const sidebar = result.response.sidebar;
+    yield put({ type: types.GET_SIDEBAR_SUCCESS, sidebar });
+  } catch (error) {
+    yield put({ type: types.GET_SIDEBAR_FAILURE, error });
+  }
+}
+
+
+function* watchgetSidebar() {
+  yield takeLatest(types.GET_SIDEBAR_REQUEST, getSidebar);
+}
+
+// All sagas to be loaded
+export default [
+  watchgetSidebar,
+];

package/containers/App/selectors.js

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

package/containers/App/tests/actions.test.js

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

package/containers/App/tests/reducer.test.js

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

package/containers/App/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/containers/App/tests/selectors.test.js

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

package/containers/Assets/Gallery/_gallery.scss

@@ -0,0 +1,107 @@
+.card-footer-wrapper{
+  padding-left: 16px;
+  padding-right: 8px;
+
+  .card-title-container {
+    display: inline-flex;
+    width: 100%;
+    height: 24px;
+    margin-top: 8px;
+
+    .card-title-wrapper{
+      width: 75%;
+      .card-title {
+        line-height: 24px;
+        font-size: 16px;
+        // margin-top: 8px;
+        text-overflow: ellipsis;
+        white-space: nowrap;
+        overflow: hidden;
+        cursor: pointer;
+        font-family: 'proxima-nova';
+        font-weight: 600;
+        &:first-letter{
+          text-transform: capitalize;
+        }
+      }
+    }
+    .more-icon-wrapper{
+      width: 25%;
+      text-align: right;
+    }
+  }
+}
+
+.card-detail{
+  line-height: 24px;
+  font-size: 14px;
+}
+
+.image-container {
+  background-image: url('https://s3.amazonaws.com/test_files_cache_bkp/intouch_creative_assets/1720b7f7e78860c1f905.svg');
+  height: 100%;
+  position: relative;
+  overflow: hidden;
+  // &:hover {
+  //   .overlay {
+  //     height: 100%;
+  //   }
+  // }
+  .select-button {
+    position: absolute;
+    top: 28%;
+    left: 30%;
+    width: 30%;
+  }
+
+  .preview-button {
+    position: absolute;
+    top: 45%;
+    left: 30%;
+    width: 30%;
+  }
+}
+
+.overlay {
+  width: 100%;
+  height: 100%;
+  opacity: 0.88;
+  background: #fff;
+  position: absolute;
+  bottom: 0;
+  left: 0;
+  right: 0;
+  overflow: hidden;
+  transition: .5s ease;
+  height: 100%;
+  align-items: center;
+  justify-content: center;
+}
+
+.show-overlay {
+  display: flex;
+}
+
+.creative-icons {
+  color: #d6d6d6;
+}
+
+.embedded-preview-wrapper{
+  .embedded-preview-header{
+    height: 48px;
+    padding: 12px 0px;
+    // box-shadow: 0 0 4px 4px rgba(0,0,0,0.12);
+    font-family: proxima-nova;
+
+    .embedded-preview-header-wrapper{
+      display: inline-flex;
+      cursor: pointer;
+
+      .embedded-preview-header-text{
+        line-height: 24px;
+        font-size: 20px;
+        padding-top: 4px;
+      }
+    }
+  }
+}

package/containers/Assets/Gallery/actions.js

@@ -0,0 +1,37 @@
+/*
+ *
+ * Gallery actions
+ *
+ */
+
+import * as types from './constants';
+
+export function uploadAsset(file, assetType, fileParams) {
+  return {
+    type: types.UPLOAD_ASSET_REQUEST,
+    file,
+    assetType,
+    fileParams,
+  };
+}
+
+export function getAllAssets(assetType, queryParams) {
+  return {
+    type: types.GET_ALL_ASSETS_REQUEST,
+    assetType,
+    queryParams,
+  };
+}
+export function deleteAssetById(assetId, assetType) {
+  return {
+    type: types.DELETE_ASSET_REQUEST,
+    assetId,
+    assetType,
+  };
+}
+
+export function getUserList() {
+  return {
+    type: types.GET_USER_LIST_REQUEST,
+  };
+}

package/containers/Assets/Gallery/constants.js

@@ -0,0 +1,23 @@
+/*
+ *
+ * Gallery constants
+ *
+ */
+
+export const DEFAULT_ACTION = 'app/Gallery/DEFAULT_ACTION';
+
+export const UPLOAD_ASSET_REQUEST = 'app/Gallery/UPLOAD_ASSET_REQUEST';
+export const UPLOAD_ASSET_SUCCESS = 'app/Gallery/UPLOAD_ASSET_SUCCESS';
+export const UPLOAD_ASSET_FAILURE = 'app/Gallery/UPLOAD_ASSET_FAILURE';
+
+export const GET_ALL_ASSETS_REQUEST = 'app/Gallery/GET_ALL_ASSETS_REQUEST';
+export const GET_ALL_ASSETS_SUCCESS = 'app/Gallery/GET_ALL_ASSETS_SUCCESS';
+export const GET_ALL_ASSETS_FAILURE = 'app/Gallery/GET_ALL_ASSETS_FAILURE';
+
+export const DELETE_ASSET_REQUEST = 'app/Gallery/DELETE_ASSET_REQUEST';
+export const DELETE_ASSET_SUCCESS = 'app/Gallery/DELETE_ASSET_SUCCESS';
+export const DELETE_ASSET_FAILURE = 'app/Gallery/DELETE_ASSET_FAILURE';
+
+export const GET_USER_LIST_REQUEST = "app/Gallery/GET_USER_LIST_REQUEST";
+export const GET_USER_LIST_SUCCESS = "app/Gallery/GET_USER_LIST_SUCCESS";
+export const GET_USER_LIST_FAILURE = "app/Gallery/GET_USER_LIST_FAILURE";