@capillarytech/creatives-library 8.0.136-alpha.4 → 8.0.136-beta.3

package/containers/App/sagas.js

@@ -0,0 +1,31 @@
+import { call, put, takeLatest, all } from 'redux-saga/effects';
+// 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;
+    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,
+];
+
+export function* appSaga() {
+  yield all([
+    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/test/saga.test.js

@@ -0,0 +1,11 @@
+import { expectSaga } from "redux-saga-test-plan";
+
+import {
+  appSaga,
+} from "../sagas";
+
+describe("appSaga Combined", () => {
+  test.concurrent("should initialize all appSaga-related watcher sagas without error", () => {
+    return expectSaga(appSaga).run();
+  });
+});

package/containers/Assets/Gallery/_gallery.scss

@@ -0,0 +1,126 @@
+.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%;
+  }
+
+  img{
+    width: 100%;
+    object-fit: cover; // try contain
+    height: 100%;
+  }
+}
+
+.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;
+      }
+    }
+  }
+}
+
+#slidebox-content{
+  img{
+    display: block;
+    max-width: 100%;
+    margin: 0 auto;
+  }
+}
+
+#slidebox-container{
+  left: 40vw !important;
+  width: 60vw !important;
+}

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