cap-creatives-ui 8.0.73 → 8.0.120

package/.husky/_/husky.sh

@@ -0,0 +1,32 @@
+#!/usr/bin/env sh
+if [ -z "$husky_skip_init" ]; then
+  debug () {
+    if [ "$HUSKY_DEBUG" = "1" ]; then
+      echo "husky (debug) - $1"
+    fi
+  }
+
+  readonly hook_name="$(basename -- "$0")"
+  debug "starting $hook_name..."
+
+  if [ "$HUSKY" = "0" ]; then
+    debug "HUSKY env variable is set to 0, skipping hook"
+    exit 0
+  fi
+
+  if [ -f ~/.huskyrc ]; then
+    debug "sourcing ~/.huskyrc"
+    . ~/.huskyrc
+  fi
+
+  readonly husky_skip_init=1
+  export husky_skip_init
+  sh -e "$0" "$@"
+  exitCode="$?"
+
+  if [ $exitCode != 0 ]; then
+    echo "husky - $hook_name hook exited with code $exitCode (error)"
+  fi
+
+  exit $exitCode
+fi 

package/.husky/pre-commit

@@ -0,0 +1,4 @@
+#!/usr/bin/env sh
+. "$(dirname -- "$0")/_/husky.sh"
+
+npm run test:staged 

package/app/components/TemplatePreview/_templatePreview.scss

@@ -636,4 +636,7 @@
   span {
     font-size: $FONT_SIZE_VS;
   }
+}
+.line-image-preview{
+  max-width: 8.57rem;;
 }

package/app/components/TemplatePreview/index.js

@@ -464,6 +464,7 @@ class TemplatePreview extends React.Component { // eslint-disable-line react/pre
                               >
                                 <CapImage
                                   src={previewImageUrl}
+                                  className="line-image-preview"
                                   alt="brand-name"
                                   rest={{
                                     style: {
@@ -495,6 +496,7 @@ class TemplatePreview extends React.Component { // eslint-disable-line react/pre
                               >
                                 <CapImage
                                   src={baseUrl ? `${baseUrl}/1040` : lineImgPlaceholder}
+                                  className="line-image-preview"
                                   alt="brand-name"
                                   rest={{
                                     style: {

package/app/containers/App/test/saga.test.js

@@ -5,7 +5,7 @@ import {
 } from "../sagas";
 
 describe("appSaga Combined", () => {
-  it("should initialize all appSaga-related watcher sagas without error", () => {
+  test.concurrent("should initialize all appSaga-related watcher sagas without error", () => {
     return expectSaga(appSaga).run();
   });
 });

package/app/containers/Assets/Gallery/sagas.js

@@ -2,9 +2,9 @@ import { call, put, takeLatest, all } from 'redux-saga/effects';
 import * as Api from '../../../services/api';
 import * as types from './constants';
 
-export function* getAllAssets(assetType, queryParams) {
+export function* getAllAssets({assetType , queryParams}) {
   try {
-    const result = yield call(Api.getAllAssets, assetType, queryParams);
+    const result = yield call(Api.getAllAssets, {assetType, queryParams});
     yield put({ type: types.GET_ALL_ASSETS_SUCCESS, data: result?.response, isReset: queryParams.page === 1 });
   } catch (error) {
     yield put({ type: types.GET_ALL_ASSETS_FAILURE, error });

package/app/containers/Assets/Gallery/tests/__snapshots__/reducer.test.js.snap

@@ -1,6 +1,6 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`galleryReducer Initial State should match snapshot returns the initial state 1`] = `
+exports[` 1`] = `
 Immutable.Map {
   "assetList": Immutable.List [],
   "assetUploading": false,

package/app/containers/Assets/Gallery/tests/actions.test.js

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

package/app/containers/Assets/Gallery/tests/reducer.test.js

@@ -6,7 +6,7 @@ import * as actions from '../actions';
 
 describe('galleryReducer', () => {
   describe('Initial State should match snapshot', () => {
-    it('returns the initial state', () => {
+    it.concurrent('returns the initial state', () => {
       expect(galleryReducer(undefined, {})).toMatchSnapshot();
     });
   });
@@ -50,14 +50,14 @@ describe('galleryReducer', () => {
       error: 'Some error Occurred',
     };
     const stateOnFailure = galleryReducer(initialState, failureAction);
-    it('should set fetching_schedule_message to true on request', () => {
+    it.concurrent('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', () => {
+    it.concurrent('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', () => {
+    it.concurrent('should set fetching_schedule_message to false on GET_ALL_ASSETS_FAILURE', () => {
       expect(stateOnFailure.toJS()).toEqual({assetList: [], fetchingAllAssets: false, fetchAllAssetSuccess: false});
     });
   });
@@ -82,14 +82,14 @@ describe('galleryReducer', () => {
       error: 'Some error Occurred',
     };
     const stateOnFailure = galleryReducer(initialState, failureAction);
-    it('should set assetUploading to true and uploadAssetSuccess to false on request', () => {
+    it.concurrent('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', () => {
+    it.concurrent('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', () => {
+    it.concurrent('should set assetUploading to false and uploadAssetSuccess to false on UPLOAD_ASSET_FAILURE', () => {
       expect(stateOnFailure.toJS()).toEqual({ uploadAssetSuccess: false, assetUploading: false });
     });
   });

package/app/containers/Assets/Gallery/tests/saga.test.js

@@ -1,46 +1,44 @@
 import { expectSaga } from 'redux-saga-test-plan';
-import { call, put } from 'redux-saga/effects';
+import { call } from 'redux-saga/effects';
 import { throwError } from 'redux-saga-test-plan/providers';
-import * as Api from '../../../../services/api'; 
-import * as types from '../constants'; 
-import * as sagas from '../sagas'; 
-import {gallerySaga} from '../sagas';
+import * as Api from '../../../../services/api';
+import * as types from '../constants';
+import * as sagas from '../sagas';
 
 describe('Asset and User Management Sagas', () => {
+  jest.setTimeout(1000);
+
   describe('getAllAssets Saga', () => {
+    const mockAssets = [{ id: 1, url: 'http://example.com/asset.jpg' }];
+    const mockError = new Error('Fetch failed');
     const assetType = 'image';
     const queryParams = { page: 1 };
 
-    it('handles fetching all assets successfully', () => {
-      const fakeResponse = {
-        response: [{ id: 1, url: 'http://example.com/asset.jpg' }],
+    it.concurrent('handles fetching all assets successfully', () => {
+      const result = {
+        response: { data: { data: mockAssets } },
       };
-
-      return expectSaga(sagas.getAllAssets, assetType, queryParams)
+      return expectSaga(sagas.getAllAssets, { assetType, queryParams })
         .provide([
-          [call(Api.getAllAssets, assetType, queryParams), fakeResponse]
+          [call(Api.getAllAssets, { assetType, queryParams }), result],
         ])
         .put({
-          type: types.GET_ALL_ASSETS_SUCCESS,
-          data: fakeResponse.response,
-          isReset: true
+          type: 'app/Gallery/GET_ALL_ASSETS_SUCCESS',
+          data: { data: { data: mockAssets } },
+          isReset: true,
         })
-        .run();
+        .run(500);
     });
 
-    it('handles failure in fetching all assets', () => {
-      const error = new Error('Fetch failed');
-
-      return expectSaga(sagas.getAllAssets, assetType, queryParams)
-        .provide([
-          [call(Api.getAllAssets, assetType, queryParams), throwError(error)]
-        ])
-        .put({
-          type: types.GET_ALL_ASSETS_FAILURE,
-          error
-        })
-        .run();
-    });
+    it.concurrent('handles failure in fetching all assets', () => expectSaga(sagas.getAllAssets, { assetType, queryParams })
+      .provide([
+        [call(Api.getAllAssets, { assetType, queryParams }), throwError(mockError)],
+      ])
+      .put({
+        type: 'app/Gallery/GET_ALL_ASSETS_FAILURE',
+        error: mockError,
+      })
+      .run(500));
   });
 
   describe('uploadAsset Saga', () => {
@@ -48,34 +46,34 @@ describe('Asset and User Management Sagas', () => {
     const assetType = 'image';
     const fileParams = { param1: 'value1' };
 
-    it('handles successful asset upload', () => {
+    it.concurrent('handles successful asset upload', () => {
       const fakeResponse = {
         response: { asset: { id: 1, url: 'http://example.com/asset.jpg' } },
-        status: { code: 200 }
+        status: { code: 200 },
       };
 
       return expectSaga(sagas.uploadAsset, file, assetType, fileParams)
         .provide([
-          [call(Api.uploadFile, file, assetType, fileParams), fakeResponse]
+          [call(Api.uploadFile, file, assetType, fileParams), fakeResponse],
         ])
         .put({
           type: types.UPLOAD_ASSET_SUCCESS,
           data: fakeResponse.response.asset,
-          statusCode: 200
+          statusCode: 200,
         })
         .run();
     });
 
-    it('handles failure in asset upload', () => {
+    it.concurrent('handles failure in asset upload', () => {
       const error = new Error('Failed to upload asset');
 
       return expectSaga(sagas.uploadAsset, file, assetType, fileParams)
         .provide([
-          [call(Api.uploadFile, file, assetType, fileParams), throwError(error)]
+          [call(Api.uploadFile, file, assetType, fileParams), throwError(error)],
         ])
         .put({
           type: types.UPLOAD_ASSET_FAILURE,
-          error
+          error,
         })
         .run();
     });
@@ -85,23 +83,23 @@ describe('Asset and User Management Sagas', () => {
     const assetId = '123';
     const assetType = 'image';
 
-    it('handles deleting an asset successfully', () => {
+    it.concurrent('handles deleting an asset successfully', () => {
       const fakeResponse = {
-        response: 'Asset deleted successfully'
+        response: 'Asset deleted successfully',
       };
 
       return expectSaga(sagas.deleteAssetById, assetId, assetType)
         .provide([
-          [call(Api.deleteAssetById, assetId, assetType), fakeResponse]
+          [call(Api.deleteAssetById, assetId, assetType), fakeResponse],
         ])
         .put({
           type: types.DELETE_ASSET_SUCCESS,
-          data: fakeResponse.response
+          data: fakeResponse.response,
         })
         .run();
     });
 
-    it('handles failure in deleting an asset', () => {
+    it.concurrent('handles failure in deleting an asset', () => {
       const error = new Error('Deletion failed');
 
       return expectSaga(sagas.deleteAssetById, assetId, assetType)
@@ -110,41 +108,41 @@ describe('Asset and User Management Sagas', () => {
         ])
         .put({
           type: types.DELETE_ASSET_FAILURE,
-          error
+          error,
         })
         .run();
     });
   });
 
   describe('fetchUserList Saga', () => {
-    it('handles fetching user list successfully', () => {
+    it.concurrent('handles fetching user list successfully', () => {
       const fakeResponse = {
         data: {
-          result: [{ id: 1, name: 'User One' }]
-        }
+          result: [{ id: 1, name: 'User One' }],
+        },
       };
 
       return expectSaga(sagas.fetchUserList)
         .provide([
-          [call(Api.getUserList), fakeResponse]
+          [call(Api.getUserList), fakeResponse],
         ])
         .put({
           type: types.GET_USER_LIST_SUCCESS,
-          data: fakeResponse.data.result
+          data: fakeResponse.data.result,
         })
         .run();
     });
 
-    it('handles failure in fetching user list', () => {
+    it.concurrent('handles failure in fetching user list', () => {
       const error = new Error('Fetch failed');
 
       return expectSaga(sagas.fetchUserList)
         .provide([
-          [call(Api.getUserList), throwError(error)]
+          [call(Api.getUserList), throwError(error)],
         ])
         .put({
           type: types.GET_USER_LIST_FAILURE,
-          data: error
+          data: error,
         })
         .run();
     });
@@ -153,9 +151,7 @@ describe('Asset and User Management Sagas', () => {
 
   // Test combined saga
   describe('Combined gallerySaga', () => {
-    it('should initialize all gallery-related watcher sagas without error', () => {
-      return expectSaga(gallerySaga)
-        .run();
-    });
+    it.concurrent('should initialize all gallery-related watcher sagas without error', () => expectSaga(sagas.gallerySaga)
+      .run());
   });
-});
+});

package/app/containers/Dashboard/test/saga.test.js

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

package/app/containers/Ebill/test/saga.test.js

@@ -5,7 +5,7 @@ import {
 } from "../sagas";
 
 describe("ebillSaga Combined", () => {
-  it("should initialize all ebill-related watcher sagas without error", () => {
+  test.concurrent("should initialize all ebill-related watcher sagas without error", () => {
     return expectSaga(ebillSaga).run();
   });
 });

package/app/containers/Email/index.js

@@ -1199,13 +1199,11 @@ export class Email extends React.Component { // eslint-disable-line react/prefer
   }
 
   getValidationData = () => {
-    
     const that = this;
     const formData = _.cloneDeep(this.state.formData);
     _.forEach(formData, (val, index) => {
       if (!isNaN(index)) {
         _.forEach(val.selectedLanguages, (language) => {
-          
           if (val[language].is_drag_drop) {
             that.props.actions.getCmsData('edm', val[language].drag_drop_id, language);
           }
@@ -3005,7 +3003,6 @@ export class Email extends React.Component { // eslint-disable-line react/prefer
     });
     
     // if (saveCount === 0) {
-    
     this.props.actions.createTemplate(obj);
     // } else {
     //   this.setState({saveObj: obj, targetSaveCount: saveCount, mode: "save", saveEdmDataMode: 'save'}, () => {

package/app/containers/Email/sagas.js

@@ -8,12 +8,13 @@ import * as types from './constants';
 export function* createTemplate(template) {
   let errorMsg;
   try {
-    
     const result = yield call(Api.createEmailTemplate, template);
     if (result.message || result.status.code === 500) {
       errorMsg = result.message;
     }
-    yield put({ type: types.CREATE_TEMPLATE_SUCCESS, data: result.response, statusCode: result.status ? result.status.code : '', errorMsg });
+    yield put({
+      type: types.CREATE_TEMPLATE_SUCCESS, data: result.response, statusCode: result.status ? result.status.code : '', errorMsg,
+    });
   } catch (error) {
     yield put({ type: types.CREATE_TEMPLATE_FAILURE, error, errorMsg });
   }
@@ -22,12 +23,13 @@ export function* createTemplate(template) {
 export function* duplicateTemplate(id, channel) {
   let errorMsg;
   try {
-    
-    const result = yield call(Api.duplicateTemplate, id, channel );
+    const result = yield call(Api.duplicateTemplate, id, channel);
     if (result.message || result.status.code === 500) {
       errorMsg = result.message;
     }
-    yield put({ type: types.DUPLICATE_TEMPLATE_SUCCESS, data: result.response, statusCode: result.status ? result.status.code : '', errorMsg });
+    yield put({
+      type: types.DUPLICATE_TEMPLATE_SUCCESS, data: result.response, statusCode: result.status ? result.status.code : '', errorMsg,
+    });
   } catch (error) {
     yield put({ type: types.DUPLICATE_TEMPLATE_FAILURE, error, errorMsg });
   }
@@ -35,7 +37,6 @@ export function* duplicateTemplate(id, channel) {
 
 export function* getTemplateDetails(id) {
   try {
-    
     const result = yield call(Api.getTemplateDetails, id);
     // const sidebar = result.response.sidebar;
     yield put({ type: types.GET_TEMPLATE_DETAILS_SUCCESS, data: result.response });
@@ -44,30 +45,29 @@ export function* getTemplateDetails(id) {
   }
 }
 
-export function* getAllAssets(assetType, queryParams) {
+export function* getAllAssets({ assetType, queryParams }) {
   try {
-    const result = yield call(Api.getAllAssets, assetType, queryParams);
+    const result = yield call(Api.getAllAssets, { assetType, queryParams });
     yield put({ type: types.GET_ALL_ASSETS_SUCCESS, data: result?.response, isReset: queryParams.page === 1 });
   } catch (error) {
     yield put({ type: types.GET_ALL_ASSETS_FAILURE, error });
   }
 }
 
-export function* getCmsSetting({cmsType, projectId, cmsMode, langId, isEdmSupport}) {
+export function* getCmsSetting({
+  cmsType, projectId, cmsMode, langId, isEdmSupport,
+}) {
   try {
-    
     const result = yield call(Api.getCmsTemplateSettings, cmsType, projectId, cmsMode, langId, isEdmSupport);
-    
     yield put({ type: types.GET_CMS_EDITOR_DETAILS_SUCCESS, settings: result.data.response.cmsDetails });
   } catch (error) {
     yield put({ type: types.GET_CMS_EDITOR_DETAILS_FAILURE, error });
   }
 }
 
-export function* getCmsData({cmsType, projectId, langId}) {
+export function* getCmsData({ cmsType, projectId, langId }) {
   try {
     const result = yield call(Api.getCmsTemplateData, cmsType, projectId, langId);
-    
     yield put({ type: types.GET_CMS_EDITOR_DATA_SUCCESS, data: result.data.response.data, langId: result.data.response.langId });
   } catch (error) {
     yield put({ type: types.GET_CMS_EDITOR_DATA_FAILURE, error });
@@ -85,44 +85,30 @@ export function* uploadAsset(file, assetType, fileParams) {
 
 function* watchCreateTemplate() {
   yield takeLatest(types.CREATE_TEMPLATE_REQUEST, createTemplate);
-  
-  
 }
 
 function* watchGetTemplateDetails() {
   yield takeLatest(types.GET_TEMPLATE_DETAILS_REQUEST, getTemplateDetails);
-  
-  
 }
 
 function* watchGetAllAssets() {
   yield takeLatest(types.GET_ALL_ASSETS_REQUEST, getAllAssets);
-  
-  
 }
 
 function* watchGetCmsSetting() {
   yield takeEvery(types.GET_CMS_EDITOR_DETAILS_REQUEST, getCmsSetting);
-  
-  
 }
 
 function* watchGetCmsData() {
   yield takeEvery(types.GET_CMS_EDITOR_DATA_REQUEST, getCmsData);
-  
-  
 }
 
 function* watchUploadAsset() {
   yield takeLatest(types.UPLOAD_ASSET_REQUEST, uploadAsset);
-  
-  
 }
 
 function* watchDuplicateTemplate() {
   yield takeLatest(types.DUPLICATE_TEMPLATE_REQUEST, duplicateTemplate);
-  
-  
 }
 
 // All sagas to be loaded
@@ -146,4 +132,4 @@ export function* emailSaga() {
     watchUploadAsset(),
     watchDuplicateTemplate(),
   ]);
-}
+}