@capillarytech/creatives-library 8.0.17 → 8.0.18

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -0,0 +1,7 @@
1
+ /*
2
+ *
3
+ * Dashboard constants
4
+ *
5
+ */
6
+
7
+ export const DEFAULT_ACTION = 'app/containers/TestPage/DEFAULT_ACTION';
@@ -0,0 +1,31 @@
1
+
2
+ import React from "react";
3
+ import SmsTest from '../../components/SmsTest';
4
+
5
+ export default class TestPage extends React.PureComponent { // eslint-disable-line react/prefer-stateless-function
6
+ render() {
7
+ return (
8
+ <SmsTest />
9
+ );
10
+ }
11
+ }
12
+
13
+ // const schema = {
14
+ // title: "Todo",
15
+ // type: "object",
16
+ // required: ["title"],
17
+ // properties: {
18
+ // title: {type: "string", title: "Title", default: "A new task"},
19
+ // done: {type: "boolean", title: "Done?", default: false},
20
+ // },
21
+ // };
22
+
23
+ // const log = (type) => console.log.bind(console, type);
24
+
25
+ // render((
26
+ // <div>
27
+ // <SmsTest
28
+ // />
29
+ // </div>
30
+ // ), document.getElementById("app"));
31
+ //export default TestPage;
@@ -0,0 +1,13 @@
1
+ /*
2
+ * NotFoundPage Messages
3
+ *
4
+ * This contains all the text for the NotFoundPage component.
5
+ */
6
+ import { defineMessages } from 'react-intl';
7
+
8
+ export default defineMessages({
9
+ header: {
10
+ id: 'creatives.components.TestPage.header',
11
+ defaultMessage: 'Looks like youas are lost!',
12
+ },
13
+ });
@@ -0,0 +1,21 @@
1
+ /*
2
+ *
3
+ * Dashboard reducer
4
+ *
5
+ */
6
+
7
+ import { fromJS } from 'immutable';
8
+ import { DEFAULT_ACTION } from './constants';
9
+
10
+ const initialState = fromJS({});
11
+
12
+ function TestPageReducer(state = initialState, action) {
13
+ switch (action.type) {
14
+ case DEFAULT_ACTION:
15
+ return state;
16
+ default:
17
+ return state;
18
+ }
19
+ }
20
+
21
+ export default TestPageReducer;
@@ -0,0 +1,11 @@
1
+ // import { take, call, put, select } from 'redux-saga/effects';
2
+
3
+ // Individual exports for testing
4
+ export function* defaultSaga() {
5
+ // See example in containers/HomePage/sagas.js
6
+ }
7
+
8
+ // All sagas to be loaded
9
+ export default [
10
+ defaultSaga,
11
+ ];
@@ -0,0 +1,15 @@
1
+ /*
2
+ *
3
+ * Testv2 actions
4
+ *
5
+ */
6
+
7
+ import {
8
+ DEFAULT_ACTION,
9
+ } from './constants';
10
+
11
+ export function defaultAction() {
12
+ return {
13
+ type: DEFAULT_ACTION,
14
+ };
15
+ }
@@ -0,0 +1,7 @@
1
+ /*
2
+ *
3
+ * Testv2 constants
4
+ *
5
+ */
6
+
7
+ export const DEFAULT_ACTION = 'app/Testv2/DEFAULT_ACTION';
@@ -0,0 +1,47 @@
1
+ /*
2
+ *
3
+ * Testv2
4
+ *
5
+ */
6
+
7
+ import PropTypes from 'prop-types';
8
+
9
+ import React from 'react';
10
+ import { connect } from 'react-redux';
11
+ import Helmet from 'react-helmet';
12
+ import { FormattedMessage } from 'react-intl';
13
+ import { createStructuredSelector } from 'reselect';
14
+ import makeSelectTestv2 from './selectors';
15
+ import messages from './messages';
16
+
17
+ export class Testv2 extends React.Component { // eslint-disable-line react/prefer-stateless-function
18
+ render() {
19
+ return (
20
+ <div>
21
+ <Helmet
22
+ title={<FormattedMessage {...messages.testv2} />}
23
+ meta={[
24
+ { name: 'description', content: <FormattedMessage {...messages.descriptionTestv2} /> },
25
+ ]}
26
+ />
27
+ <FormattedMessage {...messages.header} />
28
+ </div>
29
+ );
30
+ }
31
+ }
32
+
33
+ Testv2.propTypes = {
34
+ dispatch: PropTypes.func.isRequired,
35
+ };
36
+
37
+ const mapStateToProps = createStructuredSelector({
38
+ Testv2: makeSelectTestv2(),
39
+ });
40
+
41
+ function mapDispatchToProps(dispatch) {
42
+ return {
43
+ dispatch,
44
+ };
45
+ }
46
+
47
+ export default connect(mapStateToProps, mapDispatchToProps)(Testv2);
@@ -0,0 +1,21 @@
1
+ /*
2
+ * Testv2 Messages
3
+ *
4
+ * This contains all the text for the Testv2 component.
5
+ */
6
+ import { defineMessages } from 'react-intl';
7
+
8
+ export default defineMessages({
9
+ header: {
10
+ id: 'creatives.containers.Testv2.header',
11
+ defaultMessage: 'This is Testv2 container !',
12
+ },
13
+ testv2: {
14
+ id: 'creatives.containers.Testv2.testv2',
15
+ defaultMessage: 'Testv2',
16
+ },
17
+ descriptionTestv2: {
18
+ id: 'creatives.containers.Testv2.descriptionTestv2',
19
+ defaultMessage: 'Description of Testv2',
20
+ },
21
+ });
@@ -0,0 +1,23 @@
1
+ /*
2
+ *
3
+ * Testv2 reducer
4
+ *
5
+ */
6
+
7
+ import { fromJS } from 'immutable';
8
+ import {
9
+ DEFAULT_ACTION,
10
+ } from './constants';
11
+
12
+ const initialState = fromJS({});
13
+
14
+ function testv2Reducer(state = initialState, action) {
15
+ switch (action.type) {
16
+ case DEFAULT_ACTION:
17
+ return state;
18
+ default:
19
+ return state;
20
+ }
21
+ }
22
+
23
+ export default testv2Reducer;
@@ -0,0 +1,11 @@
1
+ // import { take, call, put, select } from 'redux-saga/effects';
2
+
3
+ // Individual exports for testing
4
+ export function* defaultSaga() {
5
+ // See example in containers/HomePage/sagas.js
6
+ }
7
+
8
+ // All sagas to be loaded
9
+ export default [
10
+ defaultSaga,
11
+ ];
@@ -0,0 +1,25 @@
1
+ import { createSelector } from 'reselect';
2
+
3
+ /**
4
+ * Direct selector to the testv2 state domain
5
+ */
6
+ const selectTestv2Domain = () => (state) => state.get('testv2');
7
+
8
+ /**
9
+ * Other specific selectors
10
+ */
11
+
12
+
13
+ /**
14
+ * Default selector used by Testv2
15
+ */
16
+
17
+ const makeSelectTestv2 = () => createSelector(
18
+ selectTestv2Domain(),
19
+ (substate) => substate.toJS()
20
+ );
21
+
22
+ export default makeSelectTestv2;
23
+ export {
24
+ selectTestv2Domain,
25
+ };
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@capillarytech/creatives-library",
3
3
  "author": "meharaj",
4
- "version": "8.0.17",
4
+ "version": "8.0.18",
5
5
  "description": "Capillary creatives ui",
6
6
  "main": "./index.js",
7
7
  "module": "./index.es.js",
package/reducers.js ADDED
@@ -0,0 +1,77 @@
1
+ /**
2
+ * Combine all reducers in this file and export the combined reducers.
3
+ * If we were to do this in store.js, reducers wouldn't be hot reloadable.
4
+ */
5
+
6
+ import { combineReducers } from 'redux-immutable';
7
+ import { fromJS } from 'immutable';
8
+ import { LOCATION_CHANGE } from 'react-router-redux';
9
+
10
+ import languageProviderReducer from 'v2Containers/LanguageProvider/reducer';
11
+ import beeEditorReducer from 'v2Containers/BeeEditor/reducer';
12
+ import CapFacebookPreviewReducer from 'v2Containers/CapFacebookPreview/reducer';
13
+
14
+ import capReducer from 'containers/Cap/reducer';
15
+ import appReducer from 'containers/App/reducer';
16
+ import createSmsReducer from 'containers/Sms/Create/reducer';
17
+ import editSmsReducer from 'containers/Sms/Edit/reducer';
18
+ import templateReducer from 'containers/Templates/reducer';
19
+ import tagsReducer from 'containers/TagList/reducer';
20
+ import emailReducer from 'containers/Email/reducer';
21
+ import ebillReducer from 'containers/Ebill/reducer';
22
+ import ftpReducer from 'v2Containers/FTP/reducer';
23
+ import galleryReducer from './v2Containers/Assets/Gallery/reducer';
24
+ import { AIRA_REDUCER_DOMAIN, askAiraReducer } from '@capillarytech/cap-ui-library/CapAskAira';
25
+ import CapCollapsibleLeftNavigationReducer from '@capillarytech/cap-ui-library/CapCollapsibleLeftNavigation/reducer';
26
+ /*
27
+ * routeReducer
28
+ *
29
+ * The reducer merges route location changes into our immutable state.
30
+ * The change is necessitated by moving to react-router-redux@4
31
+ *
32
+ */
33
+
34
+ // Initial routing state
35
+ const routeInitialState = fromJS({
36
+ locationBeforeTransitions: null,
37
+ });
38
+
39
+ /**
40
+ * Merge route into the global application state
41
+ */
42
+ function routeReducer(state = routeInitialState, action) {
43
+ switch (action.type) {
44
+ /* istanbul ignore next */
45
+ case LOCATION_CHANGE:
46
+ return state.merge({
47
+ locationBeforeTransitions: action.payload,
48
+ });
49
+ default:
50
+ return state;
51
+ }
52
+ }
53
+
54
+ /**
55
+ * Creates the main reducer with the asynchronously loaded ones
56
+ */
57
+ export default function createReducer(asyncReducers) {
58
+ return combineReducers({
59
+ route: routeReducer,
60
+ language: languageProviderReducer,
61
+ cap: capReducer,
62
+ app: appReducer,
63
+ create: createSmsReducer,
64
+ edit: editSmsReducer,
65
+ templates: templateReducer,
66
+ tagList: tagsReducer,
67
+ email: emailReducer,
68
+ ebill: ebillReducer,
69
+ beeEditor: beeEditorReducer,
70
+ facebookPreview: CapFacebookPreviewReducer,
71
+ FTP: ftpReducer,
72
+ gallery: galleryReducer,
73
+ navigationConfig: CapCollapsibleLeftNavigationReducer,
74
+ [AIRA_REDUCER_DOMAIN]: askAiraReducer,
75
+ ...asyncReducers,
76
+ });
77
+ }
package/store.js ADDED
@@ -0,0 +1,61 @@
1
+ /**
2
+ * Create the store with asynchronously loaded reducers
3
+ */
4
+
5
+ import { createStore, applyMiddleware, compose } from 'redux';
6
+ import { fromJS } from 'immutable';
7
+ import { routerMiddleware } from 'react-router-redux';
8
+ import createSagaMiddleware from 'redux-saga';
9
+ // import { createMiddleware } from 'redux-beacon';
10
+ // import { logger } from 'redux-beacon/extensions/logger';
11
+ // import { GoogleTagManager } from 'redux-beacon/targets/google-tag-manager';
12
+ import createReducer from './reducers';
13
+ // import eventsMap from './gtm/eventDefinitionsMap';
14
+
15
+ const sagaMiddleware = createSagaMiddleware();
16
+ // const gtmMiddleware = createMiddleware(eventsMap, GoogleTagManager());
17
+
18
+ export default function configureStore(initialState = {}, history) {
19
+ const middlewares = [
20
+ sagaMiddleware,
21
+ routerMiddleware(history),
22
+ ];
23
+
24
+ const enhancers = [
25
+ applyMiddleware(...middlewares),
26
+ ];
27
+
28
+ // If Redux DevTools Extension is installed use it, otherwise use Redux compose
29
+ /* eslint-disable no-underscore-dangle */
30
+ const composeEnhancers =
31
+ process.env.NODE_ENV !== 'production' &&
32
+ typeof window === 'object' &&
33
+ window.__REDUX_DEVTOOLS_EXTENSION_COMPOSE__ ?
34
+ window.__REDUX_DEVTOOLS_EXTENSION_COMPOSE__ : compose;
35
+ /* eslint-enable */
36
+
37
+ const store = createStore(
38
+ createReducer(),
39
+ fromJS(initialState),
40
+ composeEnhancers(...enhancers)
41
+ );
42
+
43
+ // Extensions
44
+ store.runSaga = sagaMiddleware.run;
45
+ store.asyncReducers = {}; // Async reducer registry
46
+
47
+ // Make reducers hot reloadable, see http://mxs.is/googmo
48
+ /* istanbul ignore next */
49
+ if (module.hot) {
50
+ module.hot.accept('./reducers', () => {
51
+ import('./reducers').then((reducerModule) => {
52
+ const createReducers = reducerModule.default;
53
+ const nextReducers = createReducers(store.asyncReducers);
54
+
55
+ store.replaceReducer(nextReducers);
56
+ });
57
+ });
58
+ }
59
+
60
+ return store;
61
+ }
@@ -265,4 +265,13 @@ export const preprocessHtml = (content) => {
265
265
 
266
266
  // Step 2: Perform the standard replacements on the entire content
267
267
  return contentWithStyleFixes?.replace(/&#39;|&quot;|&amp;|&lt;|&gt;|"|\n/g, match => replacements[match]);
268
+ };
269
+
270
+ //this is used to get the subtags from custom or extended tags
271
+ export const getTagMapValue = (object = {}) => {
272
+ return Object.values(
273
+ object
274
+ ).reduce((acc, current) => {
275
+ return { ...acc?.subtags ?? {}, ...current?.subtags ?? {} };
276
+ }, {});
268
277
  };
@@ -0,0 +1,173 @@
1
+ /**
2
+ * Test async injectors
3
+ */
4
+
5
+ import { memoryHistory } from 'react-router';
6
+ import { put } from 'redux-saga/effects';
7
+ import { fromJS } from 'immutable';
8
+
9
+ import configureStore from 'store';
10
+
11
+ import {
12
+ injectAsyncReducer,
13
+ injectAsyncSagas,
14
+ getAsyncInjectors,
15
+ } from '../asyncInjectors';
16
+
17
+ // Fixtures
18
+
19
+ const initialState = fromJS({ reduced: 'soon' });
20
+
21
+ const reducer = (state = initialState, action) => {
22
+ switch (action.type) {
23
+ case 'TEST':
24
+ return state.set('reduced', action.payload);
25
+ default:
26
+ return state;
27
+ }
28
+ };
29
+
30
+ function* testSaga() {
31
+ yield put({ type: 'TEST', payload: 'yup' });
32
+ }
33
+
34
+ const sagas = [
35
+ testSaga,
36
+ ];
37
+
38
+ describe('asyncInjectors', () => {
39
+ let store;
40
+
41
+ describe('getAsyncInjectors', () => {
42
+ beforeAll(() => {
43
+ store = configureStore({}, memoryHistory);
44
+ });
45
+
46
+ it('given a store, should return all async injectors', () => {
47
+ const { injectReducer, injectSagas } = getAsyncInjectors(store);
48
+
49
+ injectReducer('test', reducer);
50
+ injectSagas(sagas);
51
+
52
+ const actual = store.getState().get('test');
53
+ const expected = initialState.merge({ reduced: 'yup' });
54
+
55
+ expect(actual.toJS()).toEqual(expected.toJS());
56
+ });
57
+
58
+ it('should throw if passed invalid store shape', () => {
59
+ let result = false;
60
+
61
+ Reflect.deleteProperty(store, 'dispatch');
62
+
63
+ try {
64
+ getAsyncInjectors(store);
65
+ } catch (err) {
66
+ result = err.name === 'Invariant Violation';
67
+ }
68
+
69
+ expect(result).toEqual(true);
70
+ });
71
+ });
72
+
73
+ describe('helpers', () => {
74
+ beforeAll(() => {
75
+ store = configureStore({}, memoryHistory);
76
+ });
77
+
78
+ describe('injectAsyncReducer', () => {
79
+ it('given a store, it should provide a function to inject a reducer', () => {
80
+ const injectReducer = injectAsyncReducer(store);
81
+
82
+ injectReducer('test', reducer);
83
+
84
+ const actual = store.getState().get('test');
85
+ const expected = initialState;
86
+
87
+ expect(actual.toJS()).toEqual(expected.toJS());
88
+ });
89
+
90
+ it('should not assign reducer if already existing', () => {
91
+ const injectReducer = injectAsyncReducer(store);
92
+
93
+ injectReducer('test', reducer);
94
+ injectReducer('test', () => {});
95
+
96
+ expect(store.asyncReducers.test.toString()).toEqual(reducer.toString());
97
+ });
98
+
99
+ it('should throw if passed invalid name', () => {
100
+ let result = false;
101
+
102
+ const injectReducer = injectAsyncReducer(store);
103
+
104
+ try {
105
+ injectReducer('', reducer);
106
+ } catch (err) {
107
+ result = err.name === 'Invariant Violation';
108
+ }
109
+
110
+ try {
111
+ injectReducer(999, reducer);
112
+ } catch (err) {
113
+ result = err.name === 'Invariant Violation';
114
+ }
115
+
116
+ expect(result).toEqual(true);
117
+ });
118
+
119
+ it('should throw if passed invalid reducer', () => {
120
+ let result = false;
121
+
122
+ const injectReducer = injectAsyncReducer(store);
123
+
124
+ try {
125
+ injectReducer('bad', 'nope');
126
+ } catch (err) {
127
+ result = err.name === 'Invariant Violation';
128
+ }
129
+
130
+ try {
131
+ injectReducer('coolio', 12345);
132
+ } catch (err) {
133
+ result = err.name === 'Invariant Violation';
134
+ }
135
+
136
+ expect(result).toEqual(true);
137
+ });
138
+ });
139
+
140
+ describe('injectAsyncSagas', () => {
141
+ it('given a store, it should provide a function to inject a saga', () => {
142
+ const injectSagas = injectAsyncSagas(store);
143
+
144
+ injectSagas(sagas);
145
+
146
+ const actual = store.getState().get('test');
147
+ const expected = initialState.merge({ reduced: 'yup' });
148
+
149
+ expect(actual.toJS()).toEqual(expected.toJS());
150
+ });
151
+
152
+ it('should throw if passed invalid saga', () => {
153
+ let result = false;
154
+
155
+ const injectSagas = injectAsyncSagas(store);
156
+
157
+ try {
158
+ injectSagas({ testSaga });
159
+ } catch (err) {
160
+ result = err.name === 'Invariant Violation';
161
+ }
162
+
163
+ try {
164
+ injectSagas(testSaga);
165
+ } catch (err) {
166
+ result = err.name === 'Invariant Violation';
167
+ }
168
+
169
+ expect(result).toEqual(true);
170
+ });
171
+ });
172
+ });
173
+ });
@@ -1,6 +1,6 @@
1
1
  import React from 'react';
2
2
  import '@testing-library/jest-dom';
3
- import { checkSupport, extractNames, preprocessHtml, validateIfTagClosed,validateTags} from '../tagValidations';
3
+ import { checkSupport, extractNames, getTagMapValue, preprocessHtml, validateIfTagClosed,validateTags} from '../tagValidations';
4
4
 
5
5
  describe("check if curly brackets are balanced", () => {
6
6
  it("test for balanced curly brackets", () => {
@@ -421,4 +421,26 @@ describe('preprocessHtml', () => {
421
421
  expect(preprocessHtml(input)).toEqual(expectedOutput);
422
422
  });
423
423
 
424
+
425
+ });
426
+
427
+
428
+ describe("getTagMapValue", () => {
429
+ it("should return an empty object when no object is provided", () => {
430
+ const result = getTagMapValue();
431
+ expect(result).toEqual({});
432
+ });
433
+
434
+ it("should return the tag map value when an object is provided", () => {
435
+ const object = {
436
+ "key 1": {
437
+ name: "23",
438
+ subtags: {
439
+ name: "233",
440
+ },
441
+ },
442
+ };
443
+ const result = getTagMapValue(object);
444
+ expect(result).toEqual({ name: "233" });
445
+ });
424
446
  });
@@ -51,7 +51,7 @@ export const expectedStateGetLiquidTagsRequest = {
51
51
  messages: [],
52
52
  metaEntities: {
53
53
  layouts: undefined,
54
- tagLookupMap: { undefined: "32" },
54
+ tagLookupMap: { undefined: {definition: {}} },
55
55
  tags: { standard: { random: "32" } }
56
56
  },
57
57
  orgID: "",
@@ -7,6 +7,7 @@ import * as types from './constants';
7
7
  import initialState from '../../initialState';
8
8
  import { FAILURE } from '../App/constants';
9
9
  import { TAG } from '../Whatsapp/constants';
10
+ import { getTagMapValue } from '../../utils/tagValidations';
10
11
 
11
12
  function capReducer(state = fromJS(initialState.cap), action) {
12
13
  switch (action.type) {
@@ -96,14 +97,34 @@ function capReducer(state = fromJS(initialState.cap), action) {
96
97
  return state
97
98
  .set('fetchingLiquidTags', false)
98
99
  case types.GET_SCHEMA_FOR_ENTITY_SUCCESS: {
99
- const stateMeta = state.get('metaEntities');
100
- const standardTagMap = _.keyBy(action?.data?.metaEntities?.standard, item => item?.definition?.value);
100
+ //Process standard tags
101
+ const standardTagMapInitial = _.keyBy(
102
+ action?.data?.metaEntities?.standard,
103
+ item => item?.definition?.value
104
+ );
105
+ // Mapping only the `definition` object instead of the entire item, to reduce space used
106
+ const standardTagMap = _.mapValues(standardTagMapInitial, item => ({
107
+ definition: item?.definition ?? {},
108
+ }));
109
+
110
+ // Process custom tags
111
+ const customSubtags = getTagMapValue(action?.data?.metaEntities?.custom)
112
+ // Process extended tags
113
+ const extendedSubtags = getTagMapValue(action?.data?.metaEntities?.extended);
114
+
115
+ // Combine all maps
116
+ const combinedTagMap = {
117
+ ...standardTagMap,
118
+ ...customSubtags,
119
+ ...extendedSubtags
120
+ };
121
+ const stateMeta = state.get("metaEntities");
101
122
  return state
102
123
  .set('fetchingSchema', false)
103
124
  .set('metaEntities', {
104
125
  layouts: action.data && action.entityType === 'LAYOUT' ? action.data.metaEntities : stateMeta.layouts,
105
126
  tags: action.data && action.entityType === 'TAG' ? action.data.metaEntities : stateMeta.tags,
106
- tagLookupMap: action?.data && action?.entityType === TAG ? standardTagMap : stateMeta?.tagLookupMap,
127
+ tagLookupMap: action?.data && action?.entityType === TAG ? combinedTagMap : stateMeta?.tagLookupMap,
107
128
  })
108
129
  .set('fetchingSchemaError', false);
109
130
  }
@@ -0,0 +1,7 @@
1
+ /*
2
+ *
3
+ * Dashboard constants
4
+ *
5
+ */
6
+
7
+ export const DEFAULT_ACTION = 'app/v2Containers/TestPage/DEFAULT_ACTION';
@@ -0,0 +1,31 @@
1
+
2
+ import React from "react";
3
+ import SmsTest from '../../v2Components/SmsTest';
4
+
5
+ export default class TestPage extends React.PureComponent { // eslint-disable-line react/prefer-stateless-function
6
+ render() {
7
+ return (
8
+ <SmsTest />
9
+ );
10
+ }
11
+ }
12
+
13
+ // const schema = {
14
+ // title: "Todo",
15
+ // type: "object",
16
+ // required: ["title"],
17
+ // properties: {
18
+ // title: {type: "string", title: "Title", default: "A new task"},
19
+ // done: {type: "boolean", title: "Done?", default: false},
20
+ // },
21
+ // };
22
+
23
+ // const log = (type) => console.log.bind(console, type);
24
+
25
+ // render((
26
+ // <div>
27
+ // <SmsTest
28
+ // />
29
+ // </div>
30
+ // ), document.getElementById("app"));
31
+ //export default TestPage;
@@ -0,0 +1,13 @@
1
+ /*
2
+ * NotFoundPage Messages
3
+ *
4
+ * This contains all the text for the NotFoundPage component.
5
+ */
6
+ import { defineMessages } from 'react-intl';
7
+
8
+ export default defineMessages({
9
+ header: {
10
+ id: 'creatives.containersV2.TestPage.header',
11
+ defaultMessage: 'Looks like youas are lost!',
12
+ },
13
+ });
@@ -0,0 +1,21 @@
1
+ /*
2
+ *
3
+ * Dashboard reducer
4
+ *
5
+ */
6
+
7
+ import { fromJS } from 'immutable';
8
+ import { DEFAULT_ACTION } from './constants';
9
+
10
+ const initialState = fromJS({});
11
+
12
+ function TestPageReducer(state = initialState, action) {
13
+ switch (action.type) {
14
+ case DEFAULT_ACTION:
15
+ return state;
16
+ default:
17
+ return state;
18
+ }
19
+ }
20
+
21
+ export default TestPageReducer;
@@ -0,0 +1,11 @@
1
+ // import { take, call, put, select } from 'redux-saga/effects';
2
+
3
+ // Individual exports for testing
4
+ export function* defaultSaga() {
5
+ // See example in v2Containers/HomePage/sagas.js
6
+ }
7
+
8
+ // All sagas to be loaded
9
+ export default [
10
+ defaultSaga,
11
+ ];
@@ -0,0 +1,15 @@
1
+ /*
2
+ *
3
+ * Testv2 actions
4
+ *
5
+ */
6
+
7
+ import {
8
+ DEFAULT_ACTION,
9
+ } from './constants';
10
+
11
+ export function defaultAction() {
12
+ return {
13
+ type: DEFAULT_ACTION,
14
+ };
15
+ }
@@ -0,0 +1,7 @@
1
+ /*
2
+ *
3
+ * Testv2 constants
4
+ *
5
+ */
6
+
7
+ export const DEFAULT_ACTION = 'app/Testv2/DEFAULT_ACTION';
@@ -0,0 +1,47 @@
1
+ /*
2
+ *
3
+ * Testv2
4
+ *
5
+ */
6
+
7
+ import PropTypes from 'prop-types';
8
+
9
+ import React from 'react';
10
+ import { connect } from 'react-redux';
11
+ import Helmet from 'react-helmet';
12
+ import { FormattedMessage } from 'react-intl';
13
+ import { createStructuredSelector } from 'reselect';
14
+ import makeSelectTestv2 from './selectors';
15
+ import messages from './messages';
16
+
17
+ export class Testv2 extends React.Component { // eslint-disable-line react/prefer-stateless-function
18
+ render() {
19
+ return (
20
+ <div>
21
+ <Helmet
22
+ title={<FormattedMessage {...messages.testv2} />}
23
+ meta={[
24
+ { name: 'description', content: <FormattedMessage {...messages.descriptionTestv2} /> },
25
+ ]}
26
+ />
27
+ <FormattedMessage {...messages.header} />
28
+ </div>
29
+ );
30
+ }
31
+ }
32
+
33
+ Testv2.propTypes = {
34
+ dispatch: PropTypes.func.isRequired,
35
+ };
36
+
37
+ const mapStateToProps = createStructuredSelector({
38
+ Testv2: makeSelectTestv2(),
39
+ });
40
+
41
+ function mapDispatchToProps(dispatch) {
42
+ return {
43
+ dispatch,
44
+ };
45
+ }
46
+
47
+ export default connect(mapStateToProps, mapDispatchToProps)(Testv2);
@@ -0,0 +1,21 @@
1
+ /*
2
+ * Testv2 Messages
3
+ *
4
+ * This contains all the text for the Testv2 component.
5
+ */
6
+ import { defineMessages } from 'react-intl';
7
+
8
+ export default defineMessages({
9
+ header: {
10
+ id: 'creatives.containersV2.Testv2.header',
11
+ defaultMessage: 'This is Testv2 container !',
12
+ },
13
+ testv2: {
14
+ id: 'creatives.containersV2.Testv2.testv2',
15
+ defaultMessage: 'Testv2',
16
+ },
17
+ descriptionTestv2: {
18
+ id: 'creatives.containersV2.Testv2.descriptionTestv2',
19
+ defaultMessage: 'Description of Testv2',
20
+ },
21
+ });
@@ -0,0 +1,23 @@
1
+ /*
2
+ *
3
+ * Testv2 reducer
4
+ *
5
+ */
6
+
7
+ import { fromJS } from 'immutable';
8
+ import {
9
+ DEFAULT_ACTION,
10
+ } from './constants';
11
+
12
+ const initialState = fromJS({});
13
+
14
+ function testv2Reducer(state = initialState, action) {
15
+ switch (action.type) {
16
+ case DEFAULT_ACTION:
17
+ return state;
18
+ default:
19
+ return state;
20
+ }
21
+ }
22
+
23
+ export default testv2Reducer;
@@ -0,0 +1,11 @@
1
+ // import { take, call, put, select } from 'redux-saga/effects';
2
+
3
+ // Individual exports for testing
4
+ export function* defaultSaga() {
5
+ // See example in v2Containers/HomePage/sagas.js
6
+ }
7
+
8
+ // All sagas to be loaded
9
+ export default [
10
+ defaultSaga,
11
+ ];
@@ -0,0 +1,25 @@
1
+ import { createSelector } from 'reselect';
2
+
3
+ /**
4
+ * Direct selector to the testv2 state domain
5
+ */
6
+ const selectTestv2Domain = () => (state) => state.get('testv2');
7
+
8
+ /**
9
+ * Other specific selectors
10
+ */
11
+
12
+
13
+ /**
14
+ * Default selector used by Testv2
15
+ */
16
+
17
+ const makeSelectTestv2 = () => createSelector(
18
+ selectTestv2Domain(),
19
+ (substate) => substate.toJS()
20
+ );
21
+
22
+ export default makeSelectTestv2;
23
+ export {
24
+ selectTestv2Domain,
25
+ };