@capillarytech/creatives-library 8.0.21 → 8.0.22

package/containers/TestPage/constants.js

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

package/containers/TestPage/index.js

@@ -0,0 +1,31 @@
+
+import React from "react";
+import SmsTest from '../../components/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/containers/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.components.TestPage.header',
+    defaultMessage: 'Looks like youas are lost!',
+  },
+});

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

package/containers/Testv2/actions.js

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

package/containers/Testv2/constants.js

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

package/containers/Testv2/index.js

@@ -0,0 +1,47 @@
+/*
+ *
+ * Testv2
+ *
+ */
+
+import PropTypes from 'prop-types';
+
+import React from 'react';
+import { connect } from 'react-redux';
+import Helmet from 'react-helmet';
+import { FormattedMessage } from 'react-intl';
+import { createStructuredSelector } from 'reselect';
+import makeSelectTestv2 from './selectors';
+import messages from './messages';
+
+export class Testv2 extends React.Component { // eslint-disable-line react/prefer-stateless-function
+  render() {
+    return (
+      <div>
+        <Helmet
+          title={<FormattedMessage {...messages.testv2} />}
+          meta={[
+            { name: 'description', content: <FormattedMessage {...messages.descriptionTestv2} /> },
+          ]}
+        />
+        <FormattedMessage {...messages.header} />
+      </div>
+    );
+  }
+}
+
+Testv2.propTypes = {
+  dispatch: PropTypes.func.isRequired,
+};
+
+const mapStateToProps = createStructuredSelector({
+  Testv2: makeSelectTestv2(),
+});
+
+function mapDispatchToProps(dispatch) {
+  return {
+    dispatch,
+  };
+}
+
+export default connect(mapStateToProps, mapDispatchToProps)(Testv2);

package/containers/Testv2/messages.js

@@ -0,0 +1,21 @@
+/*
+ * Testv2 Messages
+ *
+ * This contains all the text for the Testv2 component.
+ */
+import { defineMessages } from 'react-intl';
+
+export default defineMessages({
+  header: {
+    id: 'creatives.containers.Testv2.header',
+    defaultMessage: 'This is Testv2 container !',
+  },
+  testv2: {
+    id: 'creatives.containers.Testv2.testv2',
+    defaultMessage: 'Testv2',
+  },
+  descriptionTestv2: {
+    id: 'creatives.containers.Testv2.descriptionTestv2',
+    defaultMessage: 'Description of Testv2',
+  },
+});

package/containers/Testv2/reducer.js

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

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

package/containers/Testv2/selectors.js

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

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@capillarytech/creatives-library",
   "author": "meharaj",
-  "version": "8.0.21",
+  "version": "8.0.22",
   "description": "Capillary creatives ui",
   "main": "./index.js",
   "module": "./index.es.js",

package/reducers.js

@@ -0,0 +1,77 @@
+/**
+ * Combine all reducers in this file and export the combined reducers.
+ * If we were to do this in store.js, reducers wouldn't be hot reloadable.
+ */
+
+import { combineReducers } from 'redux-immutable';
+import { fromJS } from 'immutable';
+import { LOCATION_CHANGE } from 'react-router-redux';
+
+import languageProviderReducer from 'v2Containers/LanguageProvider/reducer';
+import beeEditorReducer from 'v2Containers/BeeEditor/reducer';
+import CapFacebookPreviewReducer from 'v2Containers/CapFacebookPreview/reducer';
+
+import capReducer from 'containers/Cap/reducer';
+import appReducer from 'containers/App/reducer';
+import createSmsReducer from 'containers/Sms/Create/reducer';
+import editSmsReducer from 'containers/Sms/Edit/reducer';
+import templateReducer from 'containers/Templates/reducer';
+import tagsReducer from 'containers/TagList/reducer';
+import emailReducer from 'containers/Email/reducer';
+import ebillReducer from 'containers/Ebill/reducer';
+import ftpReducer from 'v2Containers/FTP/reducer';
+import galleryReducer from './v2Containers/Assets/Gallery/reducer';
+import { AIRA_REDUCER_DOMAIN, askAiraReducer } from '@capillarytech/cap-ui-library/CapAskAira';
+import CapCollapsibleLeftNavigationReducer from '@capillarytech/cap-ui-library/CapCollapsibleLeftNavigation/reducer';
+/*
+ * routeReducer
+ *
+ * The reducer merges route location changes into our immutable state.
+ * The change is necessitated by moving to react-router-redux@4
+ *
+ */
+
+// Initial routing state
+const routeInitialState = fromJS({
+  locationBeforeTransitions: null,
+});
+
+/**
+ * Merge route into the global application state
+ */
+function routeReducer(state = routeInitialState, action) {
+  switch (action.type) {
+    /* istanbul ignore next */
+    case LOCATION_CHANGE:
+      return state.merge({
+        locationBeforeTransitions: action.payload,
+      });
+    default:
+      return state;
+  }
+}
+
+/**
+ * Creates the main reducer with the asynchronously loaded ones
+ */
+export default function createReducer(asyncReducers) {
+  return combineReducers({
+    route: routeReducer,
+    language: languageProviderReducer,
+    cap: capReducer,
+    app: appReducer,
+    create: createSmsReducer,
+    edit: editSmsReducer,
+    templates: templateReducer,
+    tagList: tagsReducer,
+    email: emailReducer,
+    ebill: ebillReducer,
+    beeEditor: beeEditorReducer,
+    facebookPreview: CapFacebookPreviewReducer,
+    FTP: ftpReducer,
+    gallery: galleryReducer,
+    navigationConfig: CapCollapsibleLeftNavigationReducer,
+    [AIRA_REDUCER_DOMAIN]: askAiraReducer,
+    ...asyncReducers,
+  });
+}

package/store.js

@@ -0,0 +1,61 @@
+/**
+ * Create the store with asynchronously loaded reducers
+ */
+
+import { createStore, applyMiddleware, compose } from 'redux';
+import { fromJS } from 'immutable';
+import { routerMiddleware } from 'react-router-redux';
+import createSagaMiddleware from 'redux-saga';
+// import { createMiddleware } from 'redux-beacon';
+// import { logger } from 'redux-beacon/extensions/logger';
+// import { GoogleTagManager } from 'redux-beacon/targets/google-tag-manager';
+import createReducer from './reducers';
+// import eventsMap from './gtm/eventDefinitionsMap';
+
+const sagaMiddleware = createSagaMiddleware();
+// const gtmMiddleware = createMiddleware(eventsMap, GoogleTagManager());
+
+export default function configureStore(initialState = {}, history) {
+  const middlewares = [
+    sagaMiddleware,
+    routerMiddleware(history),
+  ];
+
+  const enhancers = [
+    applyMiddleware(...middlewares),
+  ];
+
+  // If Redux DevTools Extension is installed use it, otherwise use Redux compose
+  /* eslint-disable no-underscore-dangle */
+  const composeEnhancers =
+    process.env.NODE_ENV !== 'production' &&
+    typeof window === 'object' &&
+    window.__REDUX_DEVTOOLS_EXTENSION_COMPOSE__ ?
+      window.__REDUX_DEVTOOLS_EXTENSION_COMPOSE__ : compose;
+  /* eslint-enable */
+
+  const store = createStore(
+    createReducer(),
+    fromJS(initialState),
+    composeEnhancers(...enhancers)
+  );
+
+  // Extensions
+  store.runSaga = sagaMiddleware.run;
+  store.asyncReducers = {}; // Async reducer registry
+
+  // Make reducers hot reloadable, see http://mxs.is/googmo
+  /* istanbul ignore next */
+  if (module.hot) {
+    module.hot.accept('./reducers', () => {
+      import('./reducers').then((reducerModule) => {
+        const createReducers = reducerModule.default;
+        const nextReducers = createReducers(store.asyncReducers);
+
+        store.replaceReducer(nextReducers);
+      });
+    });
+  }
+
+  return store;
+}

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/v2Containers/CreativesContainer/SlideBoxContent.js

@@ -155,6 +155,7 @@ export function SlideBoxContent(props) {
       moduleType,
       showLiquidErrorInFooter,
       creativesMode,
+      hostName = '',
     } = props;
   const type = (messageDetails.type || '').toLowerCase(); // type is context in get tags values : outbound | dvs | referral | loyalty | coupons
   const query = { type: !isFullMode && 'embedded', module: isFullMode ? 'default' : 'library', isEditFromCampaigns: (templateData || {}).isEditFromCampaigns};
@@ -543,6 +544,7 @@ export function SlideBoxContent(props) {
             query,
             search: '',
           }}
+          hostName={hostName}
         />
       }
       {
@@ -924,5 +926,6 @@ SlideBoxContent.propTypes = {
   moduleType: PropTypes.string,
   showLiquidErrorInFooter: PropTypes.bool,
   creativesMode: PropTypes.string,
+  hostName: PropTypes.string,
 };
 export default SlideBoxContent;

package/v2Containers/CreativesContainer/index.js

@@ -1319,6 +1319,7 @@ export class Creatives extends React.Component {
               moduleType={this.props.messageDetails?.type}
               showLiquidErrorInFooter={this.showLiquidErrorInFooter}
               creativesMode={creativesMode} // An existing prop that we're using here. Required to ensure correct account details in Edit or Preview in case of Embedded mode.
+              hostName={this.props?.hostName || ''}
           />
           }
           footer={this.shouldShowFooter() &&
@@ -1377,6 +1378,7 @@ Creatives.propTypes = {
   selectedAccount: PropTypes.object,
   strategy: PropTypes.string,
   orgUnitId: PropTypes.number,
+  hostName: PropTypes.string,
 };
 const mapStatesToProps = () => createStructuredSelector({
   isLoading: isLoadingSelector(),

package/v2Containers/CreativesContainer/tests/__snapshots__/index.test.js.snap

@@ -14,6 +14,7 @@ exports[`Test SlideBoxContent container campaign message, add creative click rcs
         currentChannel="RCS"
         getFormData={[Function]}
         handleClose={[Function]}
+        hostName=""
         onCallTaskSubmit={[Function]}
         onChannelChange={[Function]}
         onCreateComplete={[MockFunction]}
@@ -90,6 +91,7 @@ exports[`Test SlideBoxContent container campaign message, add creative click wha
         currentChannel="WHATSAPP"
         getFormData={[Function]}
         handleClose={[Function]}
+        hostName=""
         onCallTaskSubmit={[Function]}
         onChannelChange={[Function]}
         onCreateComplete={[MockFunction]}
@@ -166,6 +168,7 @@ exports[`Test SlideBoxContent container campaign message, whatsapp edit all data
         currentChannel="WHATSAPP"
         getFormData={[Function]}
         handleClose={[Function]}
+        hostName=""
         onCallTaskSubmit={[Function]}
         onChannelChange={[Function]}
         onCreateComplete={[MockFunction]}
@@ -246,6 +249,7 @@ exports[`Test SlideBoxContent container campaign message, whatsapp edit min data
         currentChannel="WHATSAPP"
         getFormData={[Function]}
         handleClose={[Function]}
+        hostName=""
         onCallTaskSubmit={[Function]}
         onChannelChange={[Function]}
         onCreateComplete={[MockFunction]}
@@ -326,6 +330,7 @@ exports[`Test SlideBoxContent container it should clear the url, on channel chan
         currentChannel="WHATSAPP"
         getFormData={[Function]}
         handleClose={[Function]}
+        hostName=""
         onCallTaskSubmit={[Function]}
         onChannelChange={[Function]}
         onCreateComplete={[MockFunction]}

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,
+  };
+}

package/v2Containers/Testv2/constants.js

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

package/v2Containers/Testv2/index.js

@@ -0,0 +1,47 @@
+/*
+ *
+ * Testv2
+ *
+ */
+
+import PropTypes from 'prop-types';
+
+import React from 'react';
+import { connect } from 'react-redux';
+import Helmet from 'react-helmet';
+import { FormattedMessage } from 'react-intl';
+import { createStructuredSelector } from 'reselect';
+import makeSelectTestv2 from './selectors';
+import messages from './messages';
+
+export class Testv2 extends React.Component { // eslint-disable-line react/prefer-stateless-function
+  render() {
+    return (
+      <div>
+        <Helmet
+          title={<FormattedMessage {...messages.testv2} />}
+          meta={[
+            { name: 'description', content: <FormattedMessage {...messages.descriptionTestv2} /> },
+          ]}
+        />
+        <FormattedMessage {...messages.header} />
+      </div>
+    );
+  }
+}
+
+Testv2.propTypes = {
+  dispatch: PropTypes.func.isRequired,
+};
+
+const mapStateToProps = createStructuredSelector({
+  Testv2: makeSelectTestv2(),
+});
+
+function mapDispatchToProps(dispatch) {
+  return {
+    dispatch,
+  };
+}
+
+export default connect(mapStateToProps, mapDispatchToProps)(Testv2);

package/v2Containers/Testv2/messages.js

@@ -0,0 +1,21 @@
+/*
+ * Testv2 Messages
+ *
+ * This contains all the text for the Testv2 component.
+ */
+import { defineMessages } from 'react-intl';
+
+export default defineMessages({
+  header: {
+    id: 'creatives.containersV2.Testv2.header',
+    defaultMessage: 'This is Testv2 container !',
+  },
+  testv2: {
+    id: 'creatives.containersV2.Testv2.testv2',
+    defaultMessage: 'Testv2',
+  },
+  descriptionTestv2: {
+    id: 'creatives.containersV2.Testv2.descriptionTestv2',
+    defaultMessage: 'Description of Testv2',
+  },
+});

package/v2Containers/Testv2/reducer.js

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

package/v2Containers/Testv2/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/selectors.js

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

package/v2Containers/Zalo/index.js

@@ -69,8 +69,9 @@ export const Zalo = (props) => {
     injectedTags,
     getFormData,
     selectedOfferDetails,
+    hostName: zaloHostName = '',
   } = props || {};
-  const {hostName = ''} = senderDetails;
+  const {hostName = zaloHostName || ''} = senderDetails;
   const { formatMessage } = intl;
   const [oa_id, setOaId] = useState('');
   const [token, setToken] = useState('');