@capillarytech/creatives-library 8.0.26 → 8.0.28

package/tests/integration/TemplateCreation/msw-handler.js

@@ -6,6 +6,7 @@ import * as apiResponse from './api-response';
 import config from '../../../config/app';
 const API_ENDPOINT = config.development.api_endpoint;
 const AUTH_ENDPOINT = config.development.auth_endpoint;
+const CAMPAIGNS_API_ENDPOINT = config.development.campaigns_api_org_endpoint;
 
 export const server = setupServer(
     rest.options('*', (req, res, ctx) =>
@@ -26,23 +27,47 @@ export const server = setupServer(
       }
     }),
 
-    rest.get(`${AUTH_ENDPOINT}/auth/user`, (req, res, ctx) =>
+    rest.get(`${AUTH_ENDPOINT}/user`, (req, res, ctx) =>
       res(ctx.status(200), ctx.json(apiResponse.authUserReonData)),
     ),
 
-    rest.get(`${AUTH_ENDPOINT}/auth/org/users`, (req, res, ctx) =>
+    rest.get(`${AUTH_ENDPOINT}/org/users`, (req, res, ctx) =>
       res(ctx.status(200), ctx.json(apiResponse.authOrgUsersReonData)),
     ),
     rest.get(`${API_ENDPOINT}/templates/Sms`, (req, res, ctx) =>
       res(ctx.status(200), ctx.json(apiResponse.smsTemplates)),
     ),
+    rest.get(`${API_ENDPOINT}/templates/v1/Sms`, (req, res, ctx) =>
+      res(ctx.status(200), ctx.json(apiResponse.smsTemplates)),
+    ),
     rest.get(`${API_ENDPOINT}/templates/Rcs`, (req, res, ctx) =>
       res(ctx.status(200), ctx.json(apiResponse.rcsTemplates)),
     ),
+    rest.get(`${API_ENDPOINT}/templates/v1/Rcs`, (req, res, ctx) =>
+      res(ctx.status(200), ctx.json(apiResponse.rcsTemplates)),
+    ),
     rest.get(`${API_ENDPOINT}/meta/wecrm`, (req, res, ctx) =>
       res(ctx.status(200), ctx.json(apiResponse.viberAccount)),
     ),
+    rest.get(`${API_ENDPOINT}/meta/wecrm`, (req, res, ctx) => 
+      res(ctx.status(200), ctx.json(apiResponse.whatsappAccount)),
+    ),
+    rest.get(`${API_ENDPOINT}/meta/wecrm`, (req, res, ctx) =>
+      res(ctx.status(200), ctx.json(apiResponse.mpushAccount)),
+    ),
     rest.get(`${API_ENDPOINT}/assets/image`, (req, res, ctx) =>
       res(ctx.status(200), ctx.json(apiResponse.gallery)),
     ),
+    rest.get(`${API_ENDPOINT}/templates/v1/Line`, (req, res, ctx) =>
+      res(ctx.status(200), ctx.json(apiResponse.lineTemplates)),
+    ),
+    rest.get(`${API_ENDPOINT}/templates/v1/Email`, (req, res, ctx) =>
+      res(ctx.status(200), ctx.json(apiResponse.emailTemplates)),
+    ),
+    rest.get(`${API_ENDPOINT}/meta/TAG`, (req, res, ctx) =>
+      res(ctx.status(200), ctx.json(apiResponse.tag)),
+    ),
+    rest.get(`${CAMPAIGNS_API_ENDPOINT}/meta/domainProperties`, (req, res, ctx) =>
+      res(ctx.status(200), ctx.json(apiResponse.domainProperties)),
+    ),
   );

package/utils/tests/asyncInjectors.test.js

@@ -0,0 +1,173 @@
+/**
+ * Test async injectors
+ */
+
+import { memoryHistory } from 'react-router';
+import { put } from 'redux-saga/effects';
+import { fromJS } from 'immutable';
+
+import configureStore from 'store';
+
+import {
+  injectAsyncReducer,
+  injectAsyncSagas,
+  getAsyncInjectors,
+} from '../asyncInjectors';
+
+// Fixtures
+
+const initialState = fromJS({ reduced: 'soon' });
+
+const reducer = (state = initialState, action) => {
+  switch (action.type) {
+    case 'TEST':
+      return state.set('reduced', action.payload);
+    default:
+      return state;
+  }
+};
+
+function* testSaga() {
+  yield put({ type: 'TEST', payload: 'yup' });
+}
+
+const sagas = [
+  testSaga,
+];
+
+describe('asyncInjectors', () => {
+  let store;
+
+  describe('getAsyncInjectors', () => {
+    beforeAll(() => {
+      store = configureStore({}, memoryHistory);
+    });
+
+    it('given a store, should return all async injectors', () => {
+      const { injectReducer, injectSagas } = getAsyncInjectors(store);
+
+      injectReducer('test', reducer);
+      injectSagas(sagas);
+
+      const actual = store.getState().get('test');
+      const expected = initialState.merge({ reduced: 'yup' });
+
+      expect(actual.toJS()).toEqual(expected.toJS());
+    });
+
+    it('should throw if passed invalid store shape', () => {
+      let result = false;
+
+      Reflect.deleteProperty(store, 'dispatch');
+
+      try {
+        getAsyncInjectors(store);
+      } catch (err) {
+        result = err.name === 'Invariant Violation';
+      }
+
+      expect(result).toEqual(true);
+    });
+  });
+
+  describe('helpers', () => {
+    beforeAll(() => {
+      store = configureStore({}, memoryHistory);
+    });
+
+    describe('injectAsyncReducer', () => {
+      it('given a store, it should provide a function to inject a reducer', () => {
+        const injectReducer = injectAsyncReducer(store);
+
+        injectReducer('test', reducer);
+
+        const actual = store.getState().get('test');
+        const expected = initialState;
+
+        expect(actual.toJS()).toEqual(expected.toJS());
+      });
+
+      it('should not assign reducer if already existing', () => {
+        const injectReducer = injectAsyncReducer(store);
+
+        injectReducer('test', reducer);
+        injectReducer('test', () => {});
+
+        expect(store.asyncReducers.test.toString()).toEqual(reducer.toString());
+      });
+
+      it('should throw if passed invalid name', () => {
+        let result = false;
+
+        const injectReducer = injectAsyncReducer(store);
+
+        try {
+          injectReducer('', reducer);
+        } catch (err) {
+          result = err.name === 'Invariant Violation';
+        }
+
+        try {
+          injectReducer(999, reducer);
+        } catch (err) {
+          result = err.name === 'Invariant Violation';
+        }
+
+        expect(result).toEqual(true);
+      });
+
+      it('should throw if passed invalid reducer', () => {
+        let result = false;
+
+        const injectReducer = injectAsyncReducer(store);
+
+        try {
+          injectReducer('bad', 'nope');
+        } catch (err) {
+          result = err.name === 'Invariant Violation';
+        }
+
+        try {
+          injectReducer('coolio', 12345);
+        } catch (err) {
+          result = err.name === 'Invariant Violation';
+        }
+
+        expect(result).toEqual(true);
+      });
+    });
+
+    describe('injectAsyncSagas', () => {
+      it('given a store, it should provide a function to inject a saga', () => {
+        const injectSagas = injectAsyncSagas(store);
+
+        injectSagas(sagas);
+
+        const actual = store.getState().get('test');
+        const expected = initialState.merge({ reduced: 'yup' });
+
+        expect(actual.toJS()).toEqual(expected.toJS());
+      });
+
+      it('should throw if passed invalid saga', () => {
+        let result = false;
+
+        const injectSagas = injectAsyncSagas(store);
+
+        try {
+          injectSagas({ testSaga });
+        } catch (err) {
+          result = err.name === 'Invariant Violation';
+        }
+
+        try {
+          injectSagas(testSaga);
+        } catch (err) {
+          result = err.name === 'Invariant Violation';
+        }
+
+        expect(result).toEqual(true);
+      });
+    });
+  });
+});

package/v2Components/CapTagList/index.js

@@ -37,6 +37,7 @@ import {
   GET_TRANSLATION_MAPPED,
   JAPANESE_HELP_TEXT,
   TAG_TRANSLATION_DOC,
+  STRING,
 } from "../../containers/TagList/constants";
 import { EMAIL, JP_LOCALE_HIDE_FEATURE } from '../../v2Containers/App/constants';
 import { hidingDateTagsForJpLocale } from '../../v2Containers/TagList/utils';
@@ -106,13 +107,27 @@ class CapTagList extends React.Component { // eslint-disable-line react/prefer-s
   getSearchedExpandedKeys(tags, value = '') {
     let list = [];
     _.forEach(tags, (val = {}, key) => {
-      if (_.has(val, 'subtags')) {
-        if (val.name && typeof val.name === 'string' && (val.name || '').toLowerCase().indexOf(value.toLowerCase()) !== -1) {
+      const tagName =
+        typeof val?.name === STRING
+          ? _.toLower(_.get(val, "name", ""))
+          : _.toLower(_.get(val, "name.props.defaultMessage", ""));
+      const tagNameWithoutUnderscore = tagName.replace(/_/g, " ");
+      const searchStringLower = _.toLower(value);
+      if (_.has(val, "subtags")) {
+        if (
+          val?.name &&
+          (tagName.includes(searchStringLower) ||
+            tagNameWithoutUnderscore.includes(searchStringLower))
+        ) {
           list.push(key);
         }
-        const temp = this.getSearchedExpandedKeys(val.subtags, value);
+        const temp = this.getSearchedExpandedKeys(val?.subtags, value);
         list = list.concat(temp);
-      } else if (val.name && typeof val.name === 'string' && (val.name || '').toLowerCase().indexOf(value.toLowerCase()) !== -1) {
+      } else if (
+        val?.name &&
+        (tagName.includes(searchStringLower) ||
+          tagNameWithoutUnderscore.includes(searchStringLower))
+      ) {
         list.push(key);
       }
     });
@@ -185,7 +200,8 @@ class CapTagList extends React.Component { // eslint-disable-line react/prefer-s
     this.setState({showModal: true, visible: false});
   };
 
-  renderTags(tags, searchString = '') {
+  renderTags(tags) {
+    const searchString = this.state.searchValue || '';
     const { disableRelatedTags, childTagsToDisable, parentTagstoDisable, showCardsRelatedTags } = this?.props?.disableTagsDetails;
     const { accessibleFeatures = [] } = this?.props?.currentOrgDetails || {};
     const hideDateTagsForJpLocale = accessibleFeatures.includes(JP_LOCALE_HIDE_FEATURE);
@@ -210,40 +226,110 @@ class CapTagList extends React.Component { // eslint-disable-line react/prefer-s
         supportedTagsString += `${supportedTag} ,`;
       });
       supportedTagsString = supportedTagsString.replace(/,\s*$/, "");
-      const tagDescriptionOrName = _.toLower(String(_.get(val, 'desc', '') || _.get(val, 'name', '')));
+      const tagName =
+        typeof val?.name === STRING
+          ? _.toLower(_.get(val, "name", ""))
+          : _.toLower(_.get(val, "name.props.defaultMessage", ""));
+      const tagNameWithoutUnderscore = tagName.replace(/_/g, " ");
       const searchStringLower = _.toLower(searchString);
-      const tagContainsSearchedString = tagDescriptionOrName.includes(searchStringLower);
+      const tagContainsSearchedString =
+        searchStringLower &&
+        (tagName.includes(searchStringLower) ||
+          tagNameWithoutUnderscore.includes(searchStringLower));
       if (_.has(val, 'subtags')) {
         const disabled = disableRelatedTags ? parentTagstoDisable.includes(key) : false;
-        const temp = this.renderTags(val.subtags, '', disabled);
-        const tagValue = (
-          <CapTreeNode
-            title={disabled ? <CapTooltip title={loyaltyAttrDisableText}>{val?.name}</CapTooltip> : val?.name}
-            tag={val}
-            key={val?.incentiveSeriesId ? `${key}(${val?.incentiveSeriesId})` : `${key}`}
-            disabled={disabled}
-          >
-            {temp}
-          </CapTreeNode>
-        );
-        hidingDateTagsForJpLocale(hideDateTagsForJpLocale, val, list, tagValue);
-      } else if (searchString === '' || !searchString || tagContainsSearchedString) {
+        const temp = this.renderTags(val?.subtags);
+        if (temp?.length) {
+          const tagValue = (
+            <CapTreeNode
+              title={disabled ? <CapTooltip title={loyaltyAttrDisableText}>{val?.name}</CapTooltip> : val?.name}
+              tag={val}
+              key={val?.incentiveSeriesId ? `${key}(${val?.incentiveSeriesId})` : `${key}`}
+              disabled={disabled}
+            >
+              {temp}
+            </CapTreeNode>
+          );
+          hidingDateTagsForJpLocale(hideDateTagsForJpLocale, val, list, tagValue);
+        }
+      } else {
         let childDisabled = true;
         if (key === CUSTOMER_BARCODE_TAG && !hasCustomerBarcodeFeatureEnabled()) {
           childDisabled = true;
         } else {
           childDisabled = disableRelatedTags ? childTagsToDisable.includes(key) : false;
         }
-        const tempNode = (
-          <CapTreeNode
-            title={childDisabled ? <CapTooltip title={key === CUSTOMER_BARCODE_TAG ? customerBarcodeDisableText : loyaltyAttrDisableText}>{val.desc || val.name}</CapTooltip> : (val.desc || val.name)}
-            tag={val}
-            isLeaf
-            key={val?.incentiveSeriesId ? `${key}(${val?.incentiveSeriesId})` : `${key}`}
-            disabled={childDisabled}
-          >
-          </CapTreeNode>);
-        hidingDateTagsForJpLocale(hideDateTagsForJpLocale, val, list, tempNode);
+        if (searchString) {
+          if (tagContainsSearchedString) {
+            const tempNode = (
+              <CapTreeNode
+                title={
+                  childDisabled ? (
+                    <CapTooltip
+                      title={
+                        key === CUSTOMER_BARCODE_TAG
+                          ? customerBarcodeDisableText
+                          : loyaltyAttrDisableText
+                      }
+                    >
+                      {val?.desc || val?.name}
+                    </CapTooltip>
+                  ) : (
+                    val?.desc || val?.name
+                  )
+                }
+                tag={val}
+                isLeaf
+                key={
+                  val?.incentiveSeriesId
+                    ? `${key}(${val?.incentiveSeriesId})`
+                    : `${key}`
+                }
+                disabled={childDisabled}
+              ></CapTreeNode>
+            );
+            hidingDateTagsForJpLocale(
+              hideDateTagsForJpLocale,
+              val,
+              list,
+              tempNode
+            );
+          }
+        } else {
+          const tempNode = (
+            <CapTreeNode
+              title={
+                childDisabled ? (
+                  <CapTooltip
+                    title={
+                      key === CUSTOMER_BARCODE_TAG
+                        ? customerBarcodeDisableText
+                        : loyaltyAttrDisableText
+                    }
+                  >
+                    {val?.desc || val?.name}
+                  </CapTooltip>
+                ) : (
+                  val?.desc || val?.name
+                )
+              }
+              tag={val}
+              isLeaf
+              key={
+                val?.incentiveSeriesId
+                  ? `${key}(${val?.incentiveSeriesId})`
+                  : `${key}`
+              }
+              disabled={childDisabled}
+            ></CapTreeNode>
+          );
+          hidingDateTagsForJpLocale(
+            hideDateTagsForJpLocale,
+            val,
+            list,
+            tempNode
+          );
+        }
       }
     });
     return list;

package/v2Containers/Cap/index.js

@@ -52,8 +52,6 @@ import { v2RcsSagas } from '../Rcs/sagas';
 import { v2InAppSagas } from '../InApp/sagas'; 
 import { v2ViberSagas } from '../Viber/sagas';
 import { v2FacebookSagas } from '../Facebook/sagas';
-import { Router } from 'react-router-dom';
-import history from '../../utils/history';
 
 const gtm = window.dataLayer || [];
 const {
@@ -543,8 +541,6 @@ export class Cap extends React.Component { // eslint-disable-line react/prefer-s
                   handleLeftNavBarExpanded={this.handleLeftNavBarExpanded}
                   leftNavbarExpandedProp={this.state.leftNavbarExpanded}
                 />) : ''}
-
-                <Router history={history}>
               <MainWrapper isLatestLeftNavigationEnabled={isLatestLeftNavigationEnabled} className="main">
 
                 <ContentWrapper
@@ -565,7 +561,6 @@ export class Cap extends React.Component { // eslint-disable-line react/prefer-s
                   </Switch>
                 </ContentWrapper>
               </MainWrapper>
-              </Router>
             </div>
             {(toastMessages && toastMessages.length > 0) &&
           toastMessages.map((message) => {

package/v2Containers/Cap/tests/Cap.test.js

@@ -11,6 +11,7 @@ import { initialReducer } from '../../../initialReducer';
 import { render } from '../../../utils/test-utils';
 import { Cap } from '../index';
 import mockData from '../../mockdata';
+import { Router } from 'react-router';
 const {
   demoVideoAndLinkJSONData,
   // history,
@@ -25,7 +26,9 @@ const renderComponent = (props) => {
   const store = configureStore({}, initialReducer, history);
 return  render(
     <Provider store={store}>
+      <Router history={history}>
        <ComponentToRender {...props} />
+       </Router>
    
     </Provider>,
   );
@@ -33,14 +36,7 @@ return  render(
 
 jest.setTimeout(15000);
 
-jest.mock('../../TagList/index.js', () => ({
-  __esModule: true,
-  default: (props) => (
-    <div className="tag-mock" {...props}>
-      TagList
-    </div>
-  ),
-}));
+
 jest.mock('@capillarytech/cap-ui-utils', () => ({
   ...jest.requireActual('@capillarytech/cap-ui-utils'),
   GA: {

package/v2Containers/CreativesContainer/index.js

@@ -448,7 +448,7 @@ export class Creatives extends React.Component {
             } = {},
           } = templateData;
           const mediaParams = {};
-          const { url = '', previewUrl = '', docParams = {}, footer = '', headerVarMapped = {}, headerTemplate = ''} = whatsappMedia;
+          const { url = '', previewUrl = '', docParams = {}, footer = '', headerVarMapped = {}, headerTemplate = ''} = whatsappMedia || {};
           switch (mediaType) {
             case (WHATSAPP_MEDIA_TYPES.IMAGE):
               mediaParams.imageUrl = url;

package/v2Containers/MobilePush/Edit/index.js

@@ -122,11 +122,11 @@ export class Edit extends React.Component { // eslint-disable-line react/prefer-
     const { id: selectedWeChatAccountId } = editSelectedWeChatAccount || {};
     const { definition } = templateDetails || {};
     const { accountId: templateAccountId } = definition || {};
-    const { Edit: nextEdit } = nextProps || {};
+    const { Templates: nextTemplates, Edit: nextEdit } = nextProps || {};
     if (isEmbeddedEditOrPreview(queryType, creativesMode)) {
       selectedWeChatAccount = !_.isEmpty(editSelectedWeChatAccount)
         ? editSelectedWeChatAccount
-        : nextEdit?.selectedWeChatAccount;
+        : nextTemplates?.selectedWeChatAccount;
     } else if (!_.isEmpty(Templates?.selectedWeChatAccount)) {
       selectedWeChatAccount = Templates?.selectedWeChatAccount;
     }
@@ -159,11 +159,11 @@ export class Edit extends React.Component { // eslint-disable-line react/prefer-
     ) {
       this.setMobilePushAccountOptions(nextEdit?.weCrmAccounts, templateAccountId);
     }
-    if (!_.isEmpty(nextEdit?.selectedWeChatAccount) && !_.isEqual(editSelectedWeChatAccount, nextEdit?.selectedWeChatAccount) && (queryType === EMBEDDED) && this.props.location.query.module === "loyalty") {
+    if (!_.isEmpty(nextTemplates?.selectedWeChatAccount) && !_.isEqual(editSelectedWeChatAccount, nextEdit?.selectedWeChatAccount) && (queryType === EMBEDDED) && this.props.location.query.module === "loyalty") {
       const params = {
         name: '',
         sortBy: 'Most Recent',
-        accountId: nextEdit?.selectedWeChatAccount?.id,
+        accountId: nextTemplates?.selectedWeChatAccount?.id,
       };
       this.props.actions.getMobilepushTemplatesList('mobilepush', params);
     }
@@ -174,8 +174,7 @@ export class Edit extends React.Component { // eslint-disable-line react/prefer-
         if (nextProps.location.query.module !== 'loyalty' && templateId && templateId !== 'temp') {
           this.props.actions.getTemplateDetails(templateId);
         }
-        const type = this.props.location.query.type;
-        if (type === 'embedded' && templateId === 'temp' && _.isEmpty(this.state.formData)) { // when his.props.params.id is temp that means mobile push template content will be passed from post message from parent with startTemplateCreation action
+        if (queryType === EMBEDDED && templateId === 'temp' && _.isEmpty(this.state.formData)) { // when his.props.params.id is temp that means mobile push template content will be passed from post message from parent with startTemplateCreation action
           const response = {
             action: 'startTemplateCreation',
           };
@@ -183,12 +182,12 @@ export class Edit extends React.Component { // eslint-disable-line react/prefer-
           this.getTags();
         }
       });
-      if (this.props.location.query.type === 'embedded') {
+      if (queryType === EMBEDDED) {
         this.showNext();
       }
     }
     if (nextProps.metaEntities && nextProps.metaEntities.layouts && nextProps.metaEntities.layouts.length > 0 && nextProps.Edit.mobilepushTemplates && !_.isEqual(nextProps.Edit.mobilepushTemplates, this.props.Edit.mobilepushTemplates)) { //used inloyalty
-      if (nextProps.location.query.type === 'embedded' && nextProps.location.query.module === 'loyalty') {
+      if (nextProps.location.query.type === EMBEDDED && nextProps.location.query.module === 'loyalty') {
         this.setTemplateOptions(nextProps.Edit.mobilepushTemplates);
       }
     }

package/v2Containers/TemplatesV2/index.js

@@ -75,9 +75,9 @@ export class TemplatesV2 extends React.Component { // eslint-disable-line react/
       mPush: {content: <></>, tab: intl.formatMessage(messages.pushNotification), key: 'mobilepush'},
       inApp: { content: <div></div>, tab: intl.formatMessage(messages.inapp), key: INAPP },
       line: {content: <></>, tab: intl.formatMessage(messages.line), key: 'line'},
-      viber: {content: <></>, tab: intl.formatMessage(messages.viber), key: 'viber'},
-      facebook: {content: <div></div>, tab: intl.formatMessage(messages.facebook), key: 'facebook'},
       whatsapp: { content: <></>, tab: intl.formatMessage(messages.whatsapp), key: WHATSAPP },
+      facebook: {content: <div></div>, tab: intl.formatMessage(messages.facebook), key: 'facebook'},
+      viber: {content: <></>, tab: intl.formatMessage(messages.viber), key: 'viber'},
       zalo: { content: <div></div>, tab: intl.formatMessage(messages.zalo), key: ZALO },
     };
     //Hiding we chat for all orgs across UI for now and enabling it based on feature 'ENABLE_WECHAT'
@@ -339,9 +339,9 @@ export class TemplatesV2 extends React.Component { // eslint-disable-line react/
 
   render() {
     const {
-      isFullMode, className, cap = {}, authData = {},Global={},
+      isFullMode, className, cap = {}, authData = {},
     } = this.props;
-    const { accessiblePermissions = []} = cap.user || authData.user || Global.user || {};
+    const { accessiblePermissions = []} = cap.user || authData.user || {};
     let isCreativeAccessible = true;
     if (!accessiblePermissions.includes(CREATIVES_UI_VIEW)) {
       isCreativeAccessible = false;

package/v2Containers/TestPage/constants.js

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

package/v2Containers/TestPage/index.js

@@ -0,0 +1,31 @@
+
+import React from "react";
+import SmsTest from '../../v2Components/SmsTest';
+
+export default class TestPage extends React.PureComponent { // eslint-disable-line react/prefer-stateless-function
+  render() {
+    return (
+      <SmsTest />
+    );
+  }
+}
+
+// const schema = {
+//   title: "Todo",
+//   type: "object",
+//   required: ["title"],
+//   properties: {
+//     title: {type: "string", title: "Title", default: "A new task"},
+//     done: {type: "boolean", title: "Done?", default: false},
+//   },
+// };
+
+// const log = (type) => console.log.bind(console, type);
+
+// render((
+//   <div>
+//     <SmsTest
+//     />
+//   </div>
+// ), document.getElementById("app"));
+//export default TestPage;

package/v2Containers/TestPage/messages.js

@@ -0,0 +1,13 @@
+/*
+ * NotFoundPage Messages
+ *
+ * This contains all the text for the NotFoundPage component.
+ */
+import { defineMessages } from 'react-intl';
+
+export default defineMessages({
+  header: {
+    id: 'creatives.containersV2.TestPage.header',
+    defaultMessage: 'Looks like youas are lost!',
+  },
+});

package/v2Containers/TestPage/reducer.js

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

package/v2Containers/TestPage/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 v2Containers/HomePage/sagas.js
+}
+
+// All sagas to be loaded
+export default [
+  defaultSaga,
+];

package/v2Containers/Testv2/actions.js

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