@capillarytech/creatives-library 8.0.26 → 8.0.27

package/containers/Cap/selectors.js

@@ -26,12 +26,11 @@ const setInjectedTags = () => createSelector(
     const { tags } = metaEntities;
     const customTags = tags && (tags.custom || {});
     const extendedTags = tags && (tags.extended || {});
-
+    
     return (injectedTags = _.merge({}, injectedTags, customTags, extendedTags));
   }
 );
 
-//Note required
 // const makeSelectLocationState = () => {
 //   let prevRoutingState;
 //   let prevRoutingStateJS;

package/containers/Cap/tests/__snapshots__/index.test.js.snap

@@ -179,6 +179,7 @@ exports[`<Cap /> should render its children 1`] = `
         "creatives.components.TemplatePreview.smsFormatType": "Message has unicode characters",
         "creatives.components.TemplatePreview.smsIcon": "Sms Icon",
         "creatives.components.TemplatePreview.unicodeIconTooltip": "This message has unicode characters. This may affect the cost per message.",
+        "creatives.components.TestPage.header": "Looks like youas are lost!",
         "creatives.components.Toastr.header": "This is the Toastr component !",
         "creatives.components.ToastrMessage.close": "close",
         "creatives.components.ToastrMessage.header": "This is the ToastrMessage component !",
@@ -863,6 +864,9 @@ exports[`<Cap /> should render its children 1`] = `
         "creatives.containers.Templates.wechatHeader": "WECHAT",
         "creatives.containers.Templates.yesText": "Yes",
         "creatives.containers.Templates.zipUploadFailed": "Failed to upload zip file",
+        "creatives.containers.Testv2.descriptionTestv2": "Description of Testv2",
+        "creatives.containers.Testv2.header": "This is Testv2 container !",
+        "creatives.containers.Testv2.testv2": "Testv2",
         "creatives.containers.View.descriptionView": "Description of View",
         "creatives.containers.View.header": "This is View container !",
         "creatives.containers.View.view": "View",
@@ -1869,6 +1873,10 @@ new message content.",
         "creatives.containersV2.TemplatesV2.viber": "Viber",
         "creatives.containersV2.TemplatesV2.wechat": "Wechat",
         "creatives.containersV2.TemplatesV2.whatsapp": "WhatsApp",
+        "creatives.containersV2.TestPage.header": "Looks like youas are lost!",
+        "creatives.containersV2.Testv2.descriptionTestv2": "Description of Testv2",
+        "creatives.containersV2.Testv2.header": "This is Testv2 container !",
+        "creatives.containersV2.Testv2.testv2": "Testv2",
         "creatives.containersV2.View.descriptionView": "Description of View",
         "creatives.containersV2.View.header": "This is View container !",
         "creatives.containersV2.View.view": "View",

package/containers/Cap/tests/selectors.test.js

@@ -0,0 +1,28 @@
+import { fromJS } from 'immutable';
+
+import { makeSelectLocationState } from 'containers/Cap/selectors';
+
+describe('makeSelectLocationState', () => {
+  it('should select the route as a plain JS object', () => {
+    const route = fromJS({
+      locationBeforeTransitions: null,
+    });
+    const mockedState = fromJS({
+      route,
+    });
+    expect(makeSelectLocationState()(mockedState)).toEqual(route.toJS());
+  });
+
+  it('should return cached js routeState for same concurrent calls', () => {
+    const route = fromJS({
+      locationBeforeTransitions: null,
+    });
+    const mockedState = fromJS({
+      route,
+    });
+    const selectLocationState = makeSelectLocationState();
+
+    const firstRouteStateJS = selectLocationState(mockedState);
+    expect(selectLocationState(mockedState)).toBe(firstRouteStateJS);
+  });
+});

package/containers/LanguageProvider/tests/index.test.js

@@ -2,7 +2,7 @@ import React from 'react';
 import { shallow, mount } from 'enzyme';
 import { FormattedMessage, defineMessages } from 'react-intl';
 import { Provider } from 'react-redux';
-import history from '../../../utils/history';
+import { createBrowserHistory } from 'history';
 
 import ConnectedLanguageProvider, { LanguageProvider } from '../index';
 import { configureStore }  from '@capillarytech/vulcan-react-sdk/utils';
@@ -24,21 +24,10 @@ jest.mock('antd/es/locale-provider/ja_JP', () => 'jaJP');
 describe('<LanguageProvider />', () => {
   it('should render its children', () => {
     const children = (<h1>Test</h1>);
-    const mockActions = {
-      getLocizMessage: jest.fn(),
-    };
-
-    const language={
-      locale: 'en',
-    };
-    
-    const props = {
-      messages : messages,
-      language: language,
-      actions: mockActions,
-    };
     const renderedComponent = shallow(
-      <LanguageProvider {...props}>
+      <LanguageProvider messages={messages}  language={{
+        locale: 'en',
+      }}>
         {children}
       </LanguageProvider>
     );
@@ -48,27 +37,16 @@ describe('<LanguageProvider />', () => {
 
 describe('<ConnectedLanguageProvider />', () => {
   let store;
+  let browserHistory = createBrowserHistory();
 
   beforeAll(() => {
-    store = configureStore({}, initialReducer, history);
+    store = configureStore({}, initialReducer, browserHistory);
   });
 
   it('should render the default language messages', () => {
-    const mockActions = {
-      getLocizMessage: jest.fn(),
-    };
-    const language = {
-      locale: 'en',
-    }
-    const messages = {translationMessages}
-    const props = {
-      messages: messages,
-      language: language,
-      actions: mockActions,
-    }
-    const renderedComponent = shallow(
+    const renderedComponent = mount(
       <Provider store={store}>
-        <ConnectedLanguageProvider {...props}>
+        <ConnectedLanguageProvider messages={translationMessages}>
           <FormattedMessage {...messages.someMessage} />
         </ConnectedLanguageProvider>
       </Provider>

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@capillarytech/creatives-library",
   "author": "meharaj",
-  "version": "8.0.26",
+  "version": "8.0.27",
   "description": "Capillary creatives ui",
   "main": "./index.js",
   "module": "./index.es.js",
@@ -12,23 +12,20 @@
   },
   "license": "LicenseRef-LICENSE",
   "dependencies": {
-    "@babel/plugin-proposal-logical-assignment-operators": "^7.20.7",
     "@babel/polyfill": "7.4.3",
     "@bugsnag/js": "^7.2.1",
-    "@bugsnag/plugin-react": "7.2.1",
+    "@bugsnag/plugin-react": "^7.2.1",
     "@capillarytech/cap-ui-utils": "3.0.4",
-    "@capillarytech/vulcan-react-sdk": "^2.2.2",
+    "@capillarytech/vulcan-react-sdk": "^2.0.13",
     "@mailupinc/bee-plugin": "^1.2.0",
     "babel-cli": "^6.26.0",
     "chalk": "^2.4.2",
-    "cheerio": "^1.0.0-rc.3",
     "connected-react-router": "4.5.0",
     "flow": "^0.2.3",
     "git": "^0.1.5",
     "history": "4.9.0",
     "html-to-text": "^8.2.1",
     "jest-date-mock": "^1.0.8",
-    "jest-environment-jsdom": "27.5.1",
     "jquery": "^3.3.1",
     "load-script": "^1.0.0",
     "ml-matrix": "6.10.8",
@@ -39,7 +36,6 @@
     "pre-push": "^0.1.2",
     "react-datepicker": "1.8.0",
     "react-dropzone": "^11.3.4",
-    "react-intl": "2.7.2",
     "react-phone-input-2": "^2.15.0",
     "react-router": "5.0.0",
     "react-router-dom": "5.0.0",
@@ -52,6 +48,7 @@
     "styled-components": "6.1.2",
     "uuid": "^10.0.0",
     "webpack-bugsnag-plugins": "^1.4.3",
-    "whatwg-fetch": "3.0.0"
+    "whatwg-fetch": "3.0.0",
+    "react-intl": "2.7.2"
   }
 }

package/tests/integration/TemplateCreation/TemplateCreation.integration.test.js

@@ -1,7 +1,7 @@
 import React from 'react';
 import { BrowserRouter as Router } from 'react-router-dom';
 import { Provider } from 'react-redux';
-import history from '../../../utils/history';
+import { createMemoryHistory } from 'history';
 import userEvent from '@testing-library/user-event';
 import { server } from './msw-handler';
 import {
@@ -33,7 +33,10 @@ jest.mock('@capillarytech/cap-ui-utils', () => ({
 
 jest.setTimeout(60000);
 
-const initializeCreatives = () => { 
+let history;
+
+const initializeCreatives = () => {
+  history = createMemoryHistory();
   const store = configureStore(mockInitialState, initialReducer, history);
   history.push('creatives/ui/v2');
   render(

package/tests/store.test.js

@@ -2,20 +2,21 @@
  * Test store addons
  */
 
-import history from '../utils/history';
+import { createBrowserHistory } from 'history';
 import { configureStore }  from '@capillarytech/vulcan-react-sdk/utils';
 import { initialReducer } from '../initialReducer';
 
 describe('configureStore', () => {
   let store;
+  let browserHistory = createBrowserHistory();
 
   beforeAll(() => {
-    store = configureStore({}, initialReducer, history);
+    store = configureStore({}, initialReducer, browserHistory);
   });
 
-  describe('initialReducer', () => {
+  describe('asyncReducers', () => {
     it('should contain an object for async reducers', () => {
-      expect(typeof store.initialReducer).toBe('object');
+      expect(typeof store.asyncReducers).toBe('object');
     });
   });
 

package/utils/ApiCaller.js

@@ -38,18 +38,6 @@ export const clearFromLocalStorage = (key) => {
   }
 };
 
-export const getLocale = () => {
-  try {
-    const serializedState = localStorage.getItem('jlocale');
-    if (serializedState === null) {
-      return undefined;
-    }
-    return serializedState;
-  } catch (err) {
-    return undefined;
-  }
-};
-
 function getRequestConfig(isFileUpload) {
   // const dataOrgId = (process.env.NODE_ENV === 'production') ? appConfig.production.data_org_id : appConfig.development.data_org_id;
   const config = requestConfig;

package/utils/test-utils.js

@@ -3,11 +3,7 @@ import PropTypes from 'prop-types';
 import { render as rtlRender } from '@testing-library/react';
 import { IntlProvider } from 'react-intl';
 import { Router, Route } from 'react-router-dom';
-import history from './history';
-import { Provider } from 'react-redux';
-import { configureStore } from '@capillarytech/vulcan-react-sdk/utils';
-import { initialReducer } from '../initialReducer';
-import initialState from '../initialState';
+import { createMemoryHistory } from 'history';
 
 function Wrapper({ children }) {
   return <IntlProvider locale="en">{children}</IntlProvider>;
@@ -20,21 +16,21 @@ function render(ui, renderOptions = {}) {
   return rtlRender(ui, { wrapper: Wrapper, ...renderOptions });
 }
 
-
 function renderWithRouter(
   Component,
   props,
   { routePath = '/', historyPush = '/' } = {},
   renderOptions,
 ) {
+  const history = createMemoryHistory();
   history.push(historyPush);
 
   return {
     history,
     ...rtlRender(
-       <Router history={history}>
+      <Router history={history}>
         <Route
-        path={routePath}
+          path={routePath}
           render={(routeProps) => <Component {...props} {...routeProps} />}
         />
       </Router>,

package/utils/tests/cdnTransformation.test.js

@@ -6,7 +6,7 @@ import * as cdnTransformationHandler from './cdnTransformation.handler.mockdata'
 
 var bugsnagSpy;
 var localStorageMock;
-jest.setTimeout(180000);
+jest.setTimeout(10000);
 beforeEach(() => {
   localStorageMock = (function () {
     var store = {

package/v2Components/CapDeviceContent/tests/index.test.js

@@ -1,32 +1,25 @@
 import React from 'react';
 import { injectIntl } from 'react-intl';
-import history from '../../../utils/history';
+import { createBrowserHistory } from 'history';
 import '@testing-library/jest-dom';
 import { Provider } from 'react-redux';
 import { configureStore }  from '@capillarytech/vulcan-react-sdk/utils';
 import { initialReducer } from '../../../initialReducer';
 import CapDeviceContent from '../index';
-import { render, screen, fireEvent, renderWithRouter } from '../../../utils/test-utils';
+import { render, screen, fireEvent } from '../../../utils/test-utils';
 import { deviceContentProps } from '../../../v2Containers/InApp/tests/mockData';
 
-jest.mock('../../../v2Containers/TagList/index.js', () => ({
-  __esModule: true,
-  default: (props) => (
-    <div className="tag-mock" {...props}>
-      TagList
-    </div>
-  ),
-}));
 
 let store;
+const browserHistory = createBrowserHistory();
 beforeAll(() => {
-  store = configureStore({}, initialReducer, history);
+  store = configureStore({}, initialReducer, browserHistory);
 });
 
 const ComponentToRender = injectIntl(CapDeviceContent);
 const renderComponent = (props) =>
   render(
-     <Provider store={store}>
+    <Provider store={store}>
       <ComponentToRender {...props} />
     </Provider>,
   );

package/v2Components/Ckeditor/tests/index.test.js

@@ -3,25 +3,13 @@ import { Provider } from "react-redux";
 import { injectIntl } from "react-intl";
 import "@testing-library/jest-dom";
 import { render, getByText, screen } from "../../../utils/test-utils";
-import { configureStore }  from '@capillarytech/vulcan-react-sdk/utils'
-import { initialReducer } from '../../../initialReducer';
+import configureStore from '../../../store';
 import Ckeditor from "../index";
-import  history  from 'utils/history';
-
-
-
-jest.mock('../../../v2Containers/TagList/index.js', () => ({
-  __esModule: true,
-  default: (props) => (
-    <div className="tag-mock" {...props}>
-      TagList
-    </div>
-  ),
-}));
+import { browserHistory } from 'react-router';
 
 let store;
 beforeAll(() => {
-  store = configureStore({},initialReducer, history);
+  store = configureStore({}, browserHistory);
 });
 const initializeComponent = () => {
   const Component = injectIntl(Ckeditor);

package/v2Components/FormBuilder/tests/index.test.js

@@ -4,7 +4,7 @@ import '@testing-library/jest-dom';
 import FormBuilder from '../index';
 import { Provider } from 'react-redux';
 import { configureStore }  from '@capillarytech/vulcan-react-sdk/utils';
-import history from "../../../utils/history";
+import { createBrowserHistory } from 'history';
 import { initialReducer } from "../../../initialReducer";
 import {
     render,
@@ -17,7 +17,8 @@ import { mockData } from './mockData';
 
 const ComponentToRender = injectIntl(FormBuilder);
 const renderComponent = props => {
-  const store = configureStore({}, initialReducer, history);
+  let browserHistory = createBrowserHistory();
+  const store = configureStore({}, initialReducer, browserHistory);
   return render(
     <Provider store={store}>
       <ComponentToRender {...props} />

package/v2Components/NavigationBar/tests/index.test.js

@@ -9,13 +9,14 @@ import { NavigationBar } from '../index';
 import * as mockdata from './mockData';
 import { Provider } from 'react-redux';
 import { configureStore } from '@capillarytech/vulcan-react-sdk/utils';
-import history from '../../../utils/history';
+import { createBrowserHistory } from 'history';
 import { initialReducer } from '../../../initialReducer';
 const { userData } = mockdata;
 
 let store;
+let browserHistory = createBrowserHistory();
 beforeAll(() => {
-  store = configureStore({}, initialReducer, history);
+  store = configureStore({}, initialReducer, browserHistory);
 });
 const ComponentToRender = injectIntl(NavigationBar);
 const renderComponent = (props) => {

package/v2Components/NewCallTask/tests/index.test.js

@@ -2,7 +2,7 @@ import React from "react";
 import { injectIntl } from 'react-intl';
 import '@testing-library/jest-dom';
 import { Provider } from 'react-redux';
-import history from "../../../utils/history";
+import { createBrowserHistory } from 'history';
 import { configureStore } from '@capillarytech/vulcan-react-sdk/utils';
 import { initialReducer } from "../../../initialReducer";
 import NewCallTask from '../index';
@@ -14,7 +14,8 @@ import { Router } from "express";
 const ComponentToRender = injectIntl(NewCallTask);
 
 const renderComponent = (props) => {
-  const store = configureStore({}, initialReducer, history);
+  let browserHistory = createBrowserHistory();
+  const store = configureStore({}, initialReducer, browserHistory);
   return render(
     <Router>
       <Provider store={store}>

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

@@ -1,19 +1,19 @@
 // This test in written using React Testing library. Written during setting up this library to make sure tests are working.
 import React from 'react';
-import { IntlProvider, injectIntl } from 'react-intl';
+import { injectIntl } from 'react-intl';
 import '@testing-library/jest-dom';
 import { screen } from '@testing-library/react';
 import { Provider } from 'react-redux';
 import cloneDeep from 'lodash/cloneDeep';
 import { configureStore } from '@capillarytech/vulcan-react-sdk/utils';
-import history  from '../../../utils/history';
+import { createBrowserHistory } from 'history';
 import { initialReducer } from '../../../initialReducer';
 import { render } from '../../../utils/test-utils';
 import { Cap } from '../index';
 import mockData from '../../mockdata';
 const {
   demoVideoAndLinkJSONData,
-  // history,
+  history,
   location,
   match,
   Global,
@@ -22,25 +22,16 @@ const {
 const ComponentToRender = injectIntl(Cap);
 
 const renderComponent = (props) => {
-  const store = configureStore({}, initialReducer, history);
-return  render(
+  let browserHistory = createBrowserHistory();
+  const store = configureStore({}, initialReducer, browserHistory);
+  render(
     <Provider store={store}>
-       <ComponentToRender {...props} />
-   
+      <ComponentToRender {...props} />
     </Provider>,
   );
 };
 
 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/Cap/tests/__snapshots__/index.test.js.snap

@@ -214,6 +214,7 @@ exports[`<Cap /> should render correct component 1`] = `
         "creatives.components.TemplatePreview.smsFormatType": "Message has unicode characters",
         "creatives.components.TemplatePreview.smsIcon": "Sms Icon",
         "creatives.components.TemplatePreview.unicodeIconTooltip": "This message has unicode characters. This may affect the cost per message.",
+        "creatives.components.TestPage.header": "Looks like youas are lost!",
         "creatives.components.Toastr.header": "This is the Toastr component !",
         "creatives.components.ToastrMessage.close": "close",
         "creatives.components.ToastrMessage.header": "This is the ToastrMessage component !",
@@ -898,6 +899,9 @@ exports[`<Cap /> should render correct component 1`] = `
         "creatives.containers.Templates.wechatHeader": "WECHAT",
         "creatives.containers.Templates.yesText": "Yes",
         "creatives.containers.Templates.zipUploadFailed": "Failed to upload zip file",
+        "creatives.containers.Testv2.descriptionTestv2": "Description of Testv2",
+        "creatives.containers.Testv2.header": "This is Testv2 container !",
+        "creatives.containers.Testv2.testv2": "Testv2",
         "creatives.containers.View.descriptionView": "Description of View",
         "creatives.containers.View.header": "This is View container !",
         "creatives.containers.View.view": "View",
@@ -1904,6 +1908,10 @@ new message content.",
         "creatives.containersV2.TemplatesV2.viber": "Viber",
         "creatives.containersV2.TemplatesV2.wechat": "Wechat",
         "creatives.containersV2.TemplatesV2.whatsapp": "WhatsApp",
+        "creatives.containersV2.TestPage.header": "Looks like youas are lost!",
+        "creatives.containersV2.Testv2.descriptionTestv2": "Description of Testv2",
+        "creatives.containersV2.Testv2.header": "This is Testv2 container !",
+        "creatives.containersV2.Testv2.testv2": "Testv2",
         "creatives.containersV2.View.descriptionView": "Description of View",
         "creatives.containersV2.View.header": "This is View container !",
         "creatives.containersV2.View.view": "View",

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

@@ -1,6 +1,6 @@
 import { fromJS } from 'immutable';
 
-import { makeSelectDemoVideoAndLink } from 'v2Containers/Cap/selectors';
+import { makeSelectLocationState, makeSelectDemoVideoAndLink } from 'v2Containers/Cap/selectors';
 
 describe('CapSelectors', () => {
   const mockState = fromJS({
@@ -11,32 +11,30 @@ describe('CapSelectors', () => {
     },
   });
 
-
-  //not need now :Temp
-  // describe('makeSelectLocationState', () => {
-  //   it('should select the route as a plain JS object', () => {
-  //     const route = fromJS({
-  //       locationBeforeTransitions: null,
-  //     });
-  //     const mockedState = fromJS({
-  //       route,
-  //     });
-  //     expect(makeSelectLocationState()(mockedState)).toEqual(route.toJS());
-  //   });
-
-  //   it('should return cached js routeState for same concurrent calls', () => {
-  //     const route = fromJS({
-  //       locationBeforeTransitions: null,
-  //     });
-  //     const mockedState = fromJS({
-  //       route,
-  //     });
-  //     const selectLocationState = makeSelectLocationState();
-
-  //     const firstRouteStateJS = selectLocationState(mockedState);
-  //     expect(selectLocationState(mockedState)).toBe(firstRouteStateJS);
-  //   });
-  // });
+  describe('makeSelectLocationState', () => {
+    it('should select the route as a plain JS object', () => {
+      const route = fromJS({
+        locationBeforeTransitions: null,
+      });
+      const mockedState = fromJS({
+        route,
+      });
+      expect(makeSelectLocationState()(mockedState)).toEqual(route.toJS());
+    });
+  
+    it('should return cached js routeState for same concurrent calls', () => {
+      const route = fromJS({
+        locationBeforeTransitions: null,
+      });
+      const mockedState = fromJS({
+        route,
+      });
+      const selectLocationState = makeSelectLocationState();
+  
+      const firstRouteStateJS = selectLocationState(mockedState);
+      expect(selectLocationState(mockedState)).toBe(firstRouteStateJS);
+    });
+  });
 
   describe('makeSelectDemoVideoAndLink selector', () => {
     it('should return the correct substate', () => {
@@ -51,3 +49,4 @@ describe('CapSelectors', () => {
     });
   });
 });
+

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/CreativesContainer/tests/SlideBoxFooter.test.js

@@ -3,7 +3,7 @@ import { injectIntl } from 'react-intl';
 import '@testing-library/jest-dom';
 import { Provider } from 'react-redux';
 import { configureStore }  from '@capillarytech/vulcan-react-sdk/utils';
-import history from "../../../utils/history";
+import { createBrowserHistory } from 'history';
 import { initialReducer } from "../../../initialReducer";
 import {
     render,
@@ -13,7 +13,8 @@ import SlideBoxFooter from "../SlideBoxFooter";
 
 const ComponentToRender = injectIntl(SlideBoxFooter);
 const renderComponent = props => {
-  const store = configureStore({}, initialReducer, history);
+  let browserHistory = createBrowserHistory();
+  const store = configureStore({}, initialReducer, browserHistory);
   return render(
     <Provider store={store}>
       <ComponentToRender {...props} />