@capillarytech/creatives-library 7.18.0-beta.0 → 8.0.1

package/routes.js

@@ -1,749 +1,206 @@
-// These are the pages you can go to.
-// They are all wrapped in the App component, which should contain the navbar etc
-// See http://blog.mxstbr.com/2016/01/react-apps-with-pages for more information
-// about the code splitting business
-import React from 'react';
-import { getAsyncInjectors } from 'utils/asyncInjectors';
-import * as rootSaga from 'containers/Cap/sagas';
-import * as smsSagas from 'containers/Sms/Create/sagas';
-import * as smsEditSagas from 'containers/Sms/Edit/sagas';
-import * as mobilpushSagas from 'containers/MobilePush/Create/sagas';
-import * as ebillSagas from 'containers/Ebill/sagas';
-import * as emailSagas from 'containers/Email/sagas';
-import * as templateSagas from 'containers/Templates/sagas';
-import * as lineSagas from 'containers/Line/Create/sagas';
-import * as languageSaga from './v2Containers/LanguageProvider/sagas';
-
-import pathConfig from './config/path';
-
-import {updateCharCount} from './utils/smsCharCountV2';
-const errorLoading = (err) => {
-  console.error('Dynamic page loading failed', err); // eslint-disable-line no-console
-};
-
-const loadModule = (cb) => (componentModule) => {
-  cb(null, componentModule.default);
-};
-
-const loadModuleWithProps = (cb) => (ComponentModule, props) => {
-  cb(
-    null,
-    () => <ComponentModule.default {...props} />
-  );
-};
-
-export default function createRoutes(store) {
-  // Create reusable async injectors using getAsyncInjectors factory
-  updateCharCount("", false); // calling here to get unsubscribeurl from api.
-  const { injectReducer, injectSagas } = getAsyncInjectors(store); // eslint-disable-line no-unused-vars
-  injectSagas(rootSaga.default);
-  injectSagas(languageSaga.default);
-  return [
-    {
-      path: '/',
-      name: 'dashboard',
-      getComponent(nextState, cb) {
-        const importModules = Promise.all([
-          import('containers/Dashboard/reducer'),
-          import('containers/Dashboard/sagas'),
-          import('containers/Dashboard'),
-        ]);
-
-        const renderRoute = loadModule(cb);
-
-        importModules.then(([reducer, sagas, component]) => {
-          injectReducer('dashboard', reducer.default);
-          injectSagas(sagas.default);
-          renderRoute(component);
-        });
-
-        importModules.catch(errorLoading);
-      },
-    }, {
-      path: '/auth/login',
-      name: 'login',
-      getComponent(nextState, cb) {
-        const importModules = Promise.all([
-          import('containers/Login'),
-        ]);
-
-        const renderRoute = loadModule(cb);
-
-        importModules.then(([component]) => {
-          renderRoute(component);
-        });
-
-        importModules.catch(errorLoading);
-      },
-    }, {
-      path: '/sms/create',
-      name: 'create',
-      getComponent(nextState, cb) {
-        const importModules = Promise.all([
-          import('containers/Sms/Create/reducer'),
-          import('containers/Sms/Create/sagas'),
-          import('containers/Sms/Create'),
-        ]);
-
-        const renderRoute = loadModule(cb);
-
-        importModules.then(([reducer, sagas, component]) => {
-          injectReducer('create', reducer.default);
-          injectSagas(sagas.default);
-          injectSagas(rootSaga.default);
-          renderRoute(component);
-        });
-
-        importModules.catch(errorLoading);
-      },
-    },
-    {
-      path: '/sms/view',
-      name: 'view',
-      getComponent(nextState, cb) {
-        const importModules = Promise.all([
-          import('containers/Sms/Create/reducer'),
-          import('containers/Sms/Create/sagas'),
-          import('containers/Sms/Create'),
-        ]);
-
-        const renderRoute = loadModule(cb);
-
-        importModules.then(([reducer, sagas, component]) => {
-          injectReducer('create', reducer.default);
-          injectSagas(sagas.default);
-          injectSagas(rootSaga.default);
-          renderRoute(component);
-        });
-
-        importModules.catch(errorLoading);
-      },
-    },
-    {
-      path: '/sms/edit/:id',
-      name: 'edit',
-      getComponent(nextState, cb) {
-        const importModules = Promise.all([
-          import('containers/Sms/Edit/reducer'),
-          import('containers/Sms/Edit/sagas'),
-          import('containers/Sms/Edit'),
-        ]);
-
-        const renderRoute = loadModule(cb);
-
-        importModules.then(([reducer, sagas, component]) => {
-          injectReducer('edit', reducer.default);
-          injectSagas(sagas.default);
-          injectSagas(rootSaga.default);
-          renderRoute(component);
-        });
-
-        importModules.catch(errorLoading);
-      },
-    },
-    {
-      path: '/sms',
-      name: 'Sms',
-      getComponent(nextState, cb) {
-        const importModules = Promise.all([
-          import('containers/Templates/reducer'),
-          import('containers/Templates/sagas'),
-          import('containers/Templates'),
-        ]);
-
-        const renderRoute = loadModule(cb);
-
-        importModules.then(([reducer, sagas, component]) => {
-          injectReducer('templates', reducer.default);
-          injectSagas(sagas.default);
-          injectSagas(smsSagas.default);
-          injectSagas(smsEditSagas.default);
-          renderRoute(component);
-        });
-
-        importModules.catch(errorLoading);
-      },
-    }, {
-      path: '/wechat',
-      name: 'weChat',
-      getComponent(nextState, cb) {
-        const importModules = Promise.all([
-          import('containers/Templates/reducer'),
-          import('containers/Templates/sagas'),
-          import('containers/Templates'),
-        ]);
-
-        const renderRoute = loadModule(cb);
-
-        importModules.then(([reducer, sagas, component]) => {
-          injectReducer('templates', reducer.default);
-          injectSagas(sagas.default);
-          injectSagas(rootSaga.default);
-          renderRoute(component);
-        });
-
-        importModules.catch(errorLoading);
-      },
-    }, {
-      path: '/email',
-      name: 'Email',
-      getComponent(nextState, cb) {
-        const importModules = Promise.all([
-          import('containers/Templates/reducer'),
-          import('containers/Templates/sagas'),
-          import('containers/Templates'),
-        ]);
-
-        const renderRoute = loadModule(cb);
-
-        importModules.then(([reducer, sagas, component]) => {
-          injectReducer('templates', reducer.default);
-          injectSagas(sagas.default);
-          injectSagas(emailSagas.default);
-          injectSagas(rootSaga.default);
-          renderRoute(component);
-        });
-
-        importModules.catch(errorLoading);
-      },
-    }, {
-      path: '/ebill',
-      name: 'Ebill',
-      getComponent(nextState, cb) {
-        const importModules = Promise.all([
-          import('containers/Templates/reducer'),
-          import('containers/Templates/sagas'),
-          import('containers/Templates'),
-        ]);
-
-        const renderRoute = loadModule(cb);
-
-        importModules.then(([reducer, sagas, component]) => {
-          injectReducer('templates', reducer.default);
-          injectSagas(sagas.default);
-          injectSagas(ebillSagas.default);
-          injectSagas(rootSaga.default);
-          renderRoute(component);
-        });
-
-        importModules.catch(errorLoading);
-      },
-    },
-    {
-      path: '/assets',
-      name: 'GALLERY',
-      getComponent(nextState, cb) {
-        const importModules = Promise.all([
-          import('containers/Assets/Gallery/reducer'),
-          import('containers/Assets/Gallery/sagas'),
-          import('containers/Assets/Gallery'),
-        ]);
-
-        const renderRoute = loadModule(cb);
-
-        importModules.then(([reducer, sagas, component]) => {
-          injectReducer('gallery', reducer.default);
-          injectSagas(sagas.default);
-          renderRoute(component);
-        });
-
-        importModules.catch(errorLoading);
-      },
-    }, {
-      path: '/wechat/create',
-      name: 'create weChat',
-      getComponent(nextState, cb) {
-        const importModules = Promise.all([
-          import('containers/WeChat/MapTemplates/reducer'),
-          import('containers/WeChat/MapTemplates/sagas'),
-          import('containers/WeChat/MapTemplates'),
-        ]);
-
-        const renderRoute = loadModule(cb);
-
-        importModules.then(([reducer, sagas, component]) => {
-          injectReducer('weChat', reducer.default);
-          injectSagas(sagas.default);
-          injectSagas(rootSaga.default);
-          injectSagas(templateSagas.default);
-          renderRoute(component);
-        });
-
-        importModules.catch(errorLoading);
-      },
-    }, {
-      path: '/wechat/edit/:id',
-      name: 'edit weChat',
-      getComponent(nextState, cb) {
-        const importModules = Promise.all([
-          import('containers/WeChat/MapTemplates/reducer'),
-          import('containers/WeChat/MapTemplates/sagas'),
-          import('containers/WeChat/MapTemplates'),
-        ]);
-
-        const renderRoute = loadModule(cb);
-
-        importModules.then(([reducer, sagas, component]) => {
-          injectReducer('weChat', reducer.default);
-          injectSagas(sagas.default);
-          injectSagas(rootSaga.default);
-          renderRoute(component);
-        });
-
-        importModules.catch(errorLoading);
-      },
-    }, {
-      path: '/email/create',
-      name: 'EmailCreate',
-      getComponent(nextState, cb) {
-        const importModules = Promise.all([
-          import('containers/Email/reducer'),
-          import('containers/Email/sagas'),
-          import('containers/Email'),
-        ]);
-        const renderRoute = loadModule(cb);
-
-        importModules.then(([reducer, sagas, component]) => {
-          injectReducer('email', reducer.default);
-          injectSagas(sagas.default);
-          injectSagas(rootSaga.default);
-          injectSagas(templateSagas.default);
-          renderRoute(component);
-        });
-        importModules.catch(errorLoading);
-      },
-    }, {
-      path: '/email/view',
-      name: 'EmailView',
-      getComponent(nextState, cb) {
-        const importModules = Promise.all([
-          import('containers/Email/reducer'),
-          import('containers/Email/sagas'),
-          import('containers/Email'),
-        ]);
-        const renderRoute = loadModule(cb);
-
-        importModules.then(([reducer, sagas, component]) => {
-          injectReducer('email', reducer.default);
-          injectSagas(sagas.default);
-          injectSagas(rootSaga.default);
-          injectSagas(templateSagas.default);
-          renderRoute(component);
-        });
-        importModules.catch(errorLoading);
-      },
-    }, {
-      path: '/email/edit/:id',
-      name: 'EmailEdit',
-      getComponent(nextState, cb) {
-        const importModules = Promise.all([
-          import('containers/Email/reducer'),
-          import('containers/Email/sagas'),
-          import('containers/Email'),
-        ]);
-        const renderRoute = loadModule(cb);
-
-        importModules.then(([reducer, sagas, component]) => {
-          injectReducer('email', reducer.default);
-          injectSagas(sagas.default);
-          injectSagas(rootSaga.default);
-          injectSagas(templateSagas.default);
-          renderRoute(component);
-        });
-        importModules.catch(errorLoading);
-      },
-    }, {
-      path: '/ebill/create',
-      name: 'Ebill',
-      getComponent(nextState, cb) {
-        const importModules = Promise.all([
-          import('containers/Ebill/reducer'),
-          import('containers/Ebill/sagas'),
-          import('containers/Ebill'),
-        ]);
-        const renderRoute = loadModule(cb);
-
-        importModules.then(([reducer, sagas, component]) => {
-          injectReducer('ebill', reducer.default);
-          injectSagas(sagas.default);
-          injectSagas(rootSaga.default);
-          renderRoute(component);
-        });
-        importModules.catch(errorLoading);
-      },
-    }, {
-      path: '/ebill/edit/:id',
-      name: 'Ebill',
-      getComponent(nextState, cb) {
-        const importModules = Promise.all([
-          import('containers/Ebill/reducer'),
-          import('containers/Ebill/sagas'),
-          import('containers/Ebill'),
-        ]);
-        const renderRoute = loadModule(cb);
-
-        importModules.then(([reducer, sagas, component]) => {
-          injectReducer('ebill', reducer.default);
-          injectSagas(sagas.default);
-          injectSagas(rootSaga.default);
-          renderRoute(component);
-        });
-        importModules.catch(errorLoading);
-      },
-    }, {
-      path: '/mobilepush',
-      name: 'mobilepush',
-      getComponent(nextState, cb) {
-        const importModules = Promise.all([
-          import('containers/Templates/reducer'),
-          import('containers/MobilePush/Create/reducer'),
-          import('containers/Templates/sagas'),
-          import('containers/Templates'),
-        ]);
-
-        const renderRoute = loadModule(cb);
-
-        importModules.then(([reducer, createReducer, sagas, component]) => {
-          injectReducer('mobilePush', reducer.default);
-          injectReducer('mobileCreate', createReducer.default);
-          injectSagas(sagas.default);
-          injectSagas(mobilpushSagas.default);
-          renderRoute(component);
-        });
-
-        importModules.catch(errorLoading);
-      },
-    }, {
-      path: '/mobilepush/create/:mode',
-      name: 'create',
-      getComponent(nextState, cb) {
-        const importModules = Promise.all([
-          import('containers/MobilePush/Create/reducer'),
-          import('containers/MobilePush/Create/sagas'),
-          import('containers/MobilePush/Create'),
-        ]);
-
-        const renderRoute = loadModule(cb);
-
-        importModules.then(([reducer, sagas, component]) => {
-          injectReducer('mobileCreate', reducer.default);
-          injectSagas(sagas.default);
-          injectSagas(rootSaga.default);
-          renderRoute(component);
-        });
-
-        importModules.catch(errorLoading);
-      },
-    }, {
-      path: 'mobilepush/edit/:id',
-      name: 'edit',
-      getComponent(nextState, cb) {
-        const importModules = Promise.all([
-          import('containers/MobilePush/Edit/reducer'),
-          import('containers/MobilePush/Edit/sagas'),
-          import('containers/MobilePush/Edit'),
-        ]);
-
-        const renderRoute = loadModule(cb);
-
-        importModules.then(([reducer, sagas, component]) => {
-          injectReducer('mobileEdit', reducer.default);
-          injectSagas(sagas.default);
-          injectSagas(rootSaga.default);
-          injectSagas(templateSagas.default);
-          renderRoute(component);
-        });
-
-        importModules.catch(errorLoading);
-      },
-    }, {
-      path: '/line',
-      name: 'line',
-      getComponent(nextState, cb) {
-        const importModules = Promise.all([
-          import('containers/Templates/reducer'),
-          import('containers/Line/Create/reducer'),
-          import('containers/Templates/sagas'),
-          import('containers/Templates'),
-        ]);
-
-        const renderRoute = loadModule(cb);
-
-        importModules.then(([reducer, createReducer, sagas, component]) => {
-          injectReducer('templates', reducer.default);
-          injectReducer('lineTemplates', createReducer.default);
-          injectSagas(sagas.default);
-          injectSagas(rootSaga.default);
-          injectSagas(lineSagas.default);
-          renderRoute(component);
-        });
-
-        importModules.catch(errorLoading);
-      },
-    }, {
-      path: '/line/create/:mode',
-      name: 'create line',
-      getComponent(nextState, cb) {
-        const importModules = Promise.all([
-          import('containers/Line/Create/reducer'),
-          import('containers/Line/Create/sagas'),
-          import('containers/Line/Create'),
-        ]);
-
-        const renderRoute = loadModule(cb);
-
-        importModules.then(([reducer, sagas, component]) => {
-          injectReducer('line', reducer.default);
-          injectSagas(sagas.default);
-          injectSagas(rootSaga.default);
-          renderRoute(component);
-        });
-
-        importModules.catch(errorLoading);
-      },
-    }, {
-      path: '/line/view/:mode',
-      name: 'view',
-      getComponent(nextState, cb) {
-        const importModules = Promise.all([
-          import('containers/Line/Create/reducer'),
-          import('containers/Line/Create/sagas'),
-          import('containers/Line/Create'),
-        ]);
-
-        const renderRoute = loadModule(cb);
-
-        importModules.then(([reducer, sagas, component]) => {
-          injectReducer('line', reducer.default);
-          injectSagas(sagas.default);
-          injectSagas(rootSaga.default);
-          renderRoute(component);
-        });
-
-        importModules.catch(errorLoading);
-      },
-    }, {
-      path: 'line/edit/text/:id',
-      name: 'edit_text',
-      getComponent(nextState, cb) {
-        const importModules = Promise.all([
-          import('containers/Line/Create/reducer'),
-          import('containers/Line/Create/sagas'),
-          import('containers/Line/Create'),
-        ]);
-
-        const renderRoute = loadModule(cb);
-
-        importModules.then(([reducer, sagas, component]) => {
-          injectReducer('line', reducer.default);
-          injectSagas(sagas.default);
-          injectSagas(rootSaga.default);
-          renderRoute(component);
-        });
-
-        importModules.catch(errorLoading);
-      },
-    }, {
-      path: 'line/edit/image/:id',
-      name: 'edit_image',
-      getComponent(nextState, cb) {
-        const importModules = Promise.all([
-          import('containers/Line/Create/reducer'),
-          import('containers/Line/Create/sagas'),
-          import('containers/Line/Create'),
-        ]);
-
-        const renderRoute = loadModule(cb);
-
-        importModules.then(([reducer, sagas, component]) => {
-          injectReducer('line', reducer.default);
-          injectSagas(sagas.default);
-          injectSagas(rootSaga.default);
-          renderRoute(component);
-        });
-
-        importModules.catch(errorLoading);
-      },
-    }, {
-      path: '/wechat/richmedia/create',
-      name: 'wechat_richmedia_create',
-      getComponent(nextState, cb) {
-        const importModules = Promise.all([
-          import('containers/WeChat/RichmediaTemplates/Create/reducer'),
-          import('containers/WeChat/RichmediaTemplates/Create/sagas'),
-          import('containers/WeChat/RichmediaTemplates/Create'),
-        ]);
-
-        const renderRoute = loadModule(cb);
-
-        importModules.then(([reducer, sagas, component]) => {
-          injectReducer('create', reducer.default);
-          injectSagas(sagas.default);
-          renderRoute(component);
-        });
-
-        importModules.catch(errorLoading);
-      },
-    }, {
-      path: '/wechat/richmedia/edit/:id',
-      name: 'wechat_richmedia_edit',
-      getComponent(nextState, cb) {
-        const importModules = Promise.all([
-          import('containers/WeChat/RichmediaTemplates/Edit/reducer'),
-          import('containers/WeChat/RichmediaTemplates/Edit/sagas'),
-          import('containers/WeChat/RichmediaTemplates/Create/sagas'),
-          import('containers/WeChat/RichmediaTemplates/Create/reducer'),
-          import('containers/WeChat/RichmediaTemplates/Edit'),
-        ]);
-
-        const renderRoute = loadModule(cb);
-
-        importModules.then(([reducer, sagas, createSagas, createReducer, component]) => {
-          injectReducer('edit', reducer.default);
-          injectSagas(sagas.default);
-          injectSagas(createSagas.default);
-          injectReducer('create', createReducer.default);
-          renderRoute(component);
-        });
-
-        importModules.catch(errorLoading);
-      },
-    }, {
-      path: '/v2/somethingwentwrong',
-      name: 'somethingwentwrong',
-      getComponent(nextState, cb) {
-        import('@capillarytech/cap-ui-library/CapSomethingWentWrong')
-          .then((Component) => {
-            loadModuleWithProps(cb)(Component, { url: `${pathConfig.publicPath}v2` });
-          })
-          .catch(errorLoading);
-      },
-    },
-    {
-      path: '/v2(/:channel)',
-      name: 'templatesV2',
-      getComponent(nextState, cb) {
-        const importModules = Promise.all([
-          import('v2Containers/Templates/reducer'),
-          import('v2Containers/Templates/sagas'),
-          import('v2Containers/TemplatesV2'),
-          import('v2Containers/Cap/reducer'),
-          import('v2Containers/Cap/sagas'),
-          import('v2Containers/CreativesContainer/reducer'),
-          import('v2Containers/Sms/Create/reducer'),
-          import('v2Containers/Sms/Create/sagas'),
-          import('v2Containers/Sms/Edit/reducer'),
-          import('v2Containers/Sms/Edit/sagas'),
-          import('v2Containers/Email/reducer'),
-          import('v2Containers/Email/sagas'),
-          import('v2Containers/BeeEditor/sagas'),
-          import('v2Containers/CallTask/reducer'),
-          import('v2Containers/CallTask/sagas'),
-          import('v2Containers/MobilePush/Create/sagas'),
-          import('v2Containers/MobilePush/Create/reducer'),
-          import('v2Containers/MobilePush/Edit/sagas'),
-          import('v2Containers/MobilePush/Edit/reducer'),
-          import('v2Containers/WeChat/MapTemplates/sagas'),
-          import('v2Containers/WeChat/MapTemplates/reducer'),
-          import('v2Containers/WeChat/RichmediaTemplates/Create/sagas'),
-          import('v2Containers/WeChat/RichmediaTemplates/Create/reducer'),
-          import('v2Containers/WeChat/RichmediaTemplates/Edit/sagas'),
-          import('v2Containers/WeChat/RichmediaTemplates/Edit/reducer'),
-          import('v2Containers/Assets/Gallery/reducer'),
-          import('v2Containers/Assets/Gallery/sagas'),
-          import('v2Containers/Facebook/sagas'),
-          import('v2Containers/Facebook/reducer'),
-          import('v2Containers/Line/Container/sagas'),
-          import('v2Containers/Line/Container/reducer'),
-          import('v2Containers/Viber/sagas'),
-          import('v2Containers/Viber/reducer'),
-          import('v2Containers/CapFacebookPreview/sagas'),
-          import('v2Containers/CapFacebookPreview/reducer'),
-          import('v2Containers/SmsTrai/Create/sagas'),
-          import('v2Containers/SmsTrai/Create/reducer'),
-          import('v2Containers/Whatsapp/sagas'),
-          import('v2Containers/Whatsapp/reducer'),
-          import('v2Containers/Rcs/sagas'),
-          import('v2Containers/Rcs/reducer'),
-        ]);
-
-        const renderRoute = loadModule(cb);
-
-        importModules.then(([reducer,
-          sagas, component,
-          capReducer, capSagas,
-          creativesContainerReducer,
-          smsCreateReducer, smsCreateSaga, smsEditReducer, smsEditSaga,
-          emailReducer, emailSaga,
-          BeeEditorSaga,
-          callTaskReducer, callTaskSagas,
-          mpushCreateSagas, mpushCreateReducer,
-          mpushEditSagas, mpushEditReducer,
-          weChatMapTemplatesSagas, weChatMapTemplatesReducer,
-          weChatRichmediaTemplatesCreateSagas, weChatRichmediaTemplatesCreateReducer,
-          weChatRichmediaTemplatesEditSagas, weChatRichmediaTemplatesEditReducer,
-          galleryReducer, gallerySagas,
-          facebookSagas, facebookReducer,
-          lineCreateSagas, lineCreateReducer,
-          viberSagas, viberReducer,
-          capFacebookPreviewSagas, capFacebookPreviewReducer,
-          smsTraiSagas, smsTraiReducer,
-          whatsappSagas, whatsappReducer,
-          rcsSagas, rcsReducer,
-        ]) => {
-          injectReducer('templates', reducer.default);
-          injectReducer('cap', capReducer.default);
-          injectReducer('create', smsCreateReducer.default);
-          injectReducer('creativesContainer', creativesContainerReducer.default);
-          injectReducer('edit', smsEditReducer.default);
-          injectReducer('email', emailReducer.default);
-          injectReducer('callTask', callTaskReducer.default);
-          injectReducer('mobileCreate', mpushCreateReducer.default);
-          injectReducer('mobileEdit', mpushEditReducer.default);
-          injectReducer('weChatMapTemplate', weChatMapTemplatesReducer.default);
-          injectReducer('weChatRichmediaCreate', weChatRichmediaTemplatesCreateReducer.default);
-          injectReducer('weChatRichmediaEdit', weChatRichmediaTemplatesEditReducer.default);
-          injectReducer('gallery', galleryReducer.default);
-          injectReducer('facebook', facebookReducer.default);
-          injectReducer('lineCreate', lineCreateReducer.default);
-          injectReducer('viber', viberReducer.default);
-          injectReducer('facebookPreview', capFacebookPreviewReducer.default);
-          injectReducer('smsTrai', smsTraiReducer.default);
-          injectReducer('whatsapp', whatsappReducer.default);
-          injectReducer('rcs', rcsReducer.default);
-          injectSagas(gallerySagas.default);
-          injectSagas(sagas.default);
-          injectSagas(capSagas.default);
-          injectSagas(smsCreateSaga.default);
-          injectSagas(smsEditSaga.default);
-          injectSagas(emailSaga.default);
-          injectSagas(BeeEditorSaga.default);
-          injectSagas(callTaskSagas.default);
-          injectSagas(mpushCreateSagas.default);
-          injectSagas(mpushEditSagas.default);
-          injectSagas(weChatMapTemplatesSagas.default);
-          injectSagas(weChatRichmediaTemplatesCreateSagas.default);
-          injectSagas(weChatRichmediaTemplatesEditSagas.default);
-          injectSagas(facebookSagas.default);
-          injectSagas(lineCreateSagas.default);
-          injectSagas(viberSagas.default);
-          injectSagas(capFacebookPreviewSagas.default);
-          injectSagas(smsTraiSagas.default);
-          injectSagas(whatsappSagas.default);
-          injectSagas(rcsSagas.default);
-          renderRoute(component);
-        });
-        importModules.catch(errorLoading);
-      },
-
-    }, {
-      path: '*',
-      name: 'notfound',
-      getComponent(nextState, cb) {
-        import('containers/NotFoundPage')
-          .then(loadModule(cb))
-          .catch(errorLoading);
-      },
-    },
-  ];
-}
+import withReactRouterV3Compatibility from './hoc/withReactRouterV3Compatibility';
+import Dashboard from '../app/containers/Dashboard';
+import SmsCreate from '../app/containers/Sms/Create';
+import SmsEdit from '../app/containers/Sms/Edit';
+import Templates from '../app/containers/Templates';
+import Gallary from '../app/containers/Assets/Gallery';
+import WeChatMapTemplate from '../app/containers/WeChat/MapTemplates';
+import WeChatRichmediaCreate from '../app/containers/WeChat/RichmediaTemplates/Create';
+import WeChatRichmediaEdit from '../app/containers/WeChat/RichmediaTemplates/Edit';
+import Email from '../app/containers/Email';
+import Ebill from '../app/containers/Ebill';
+import MobilePushCreate from '../app/containers/MobilePush/Create';
+import MobilePushEdit from '../app/containers/MobilePush/Edit';
+import LineCreate from '../app/containers/Line/Create';
+import SomethingWentWrong from '@capillarytech/cap-ui-library/CapSomethingWentWrong';
+import NotFoundPage from '../app/containers/NotFoundPage';
+import TemplatesV2 from '../app/v2Containers/TemplatesV2';
+import { updateCharCount } from './utils/smsCharCountV2';
+
+const routes = [
+  {
+    exact: true,
+    path: '/',
+    component: withReactRouterV3Compatibility(Dashboard),
+  },
+  //sms routes v1
+  {
+    exact: true,
+    path: '/sms/create',
+    name: 'create',
+    component: withReactRouterV3Compatibility(SmsCreate),
+  },
+  {
+    exact: true,
+    path: '/sms/view',
+    name: 'view',
+    component: withReactRouterV3Compatibility(SmsCreate),
+  },
+  {
+    exact: true,
+    path: '/sms/edit/:id',
+    name: 'edit',
+    component: withReactRouterV3Compatibility(SmsEdit),
+  },
+  {
+    exact: true,
+    path: '/sms',
+    name: 'sms',
+    component: withReactRouterV3Compatibility(Templates),
+  },
+  //wechat routes v1
+  {
+    exact: true,
+    path: '/wechat',
+    name: 'wechat',
+    component: withReactRouterV3Compatibility(Templates),
+  },
+  {
+    exact: true,
+    path: '/wechat/create',
+    name: 'create weChat',
+    component: withReactRouterV3Compatibility(WeChatMapTemplate),
+  },
+  {
+    exact: true,
+    path: '/wechat/edit/:id',
+    name: 'edit weChat',
+    component: withReactRouterV3Compatibility(WeChatMapTemplate),
+  },
+  {
+    exact: true,
+    path: '/wechat/richmedia/create',
+    name: 'wechat_richmedia_create',
+    component: withReactRouterV3Compatibility(WeChatRichmediaCreate),
+  },
+  {
+    exact: true,
+    path: '/wechat/richmedia/edit/:id',
+    name: 'wechat_richmedia_edit',
+    component: withReactRouterV3Compatibility(WeChatRichmediaEdit),
+  },
+  //email routes v1
+  {
+    exact: true,
+    path: '/email',
+    name: 'email',
+    component: withReactRouterV3Compatibility(Templates),
+  },
+  {
+    exact: true,
+    path: '/email/create',
+    name: 'EmailCreate',
+    component: withReactRouterV3Compatibility(Email),
+  },
+  {
+    exact: true,
+    path: '/email/view',
+    name: 'EmailView',
+    component: withReactRouterV3Compatibility(Email),
+  },
+  {
+    exact: true,
+    path: '/email/edit/:id',
+    name: 'EmailEdit',
+    component: withReactRouterV3Compatibility(Email),
+  },
+  //ebill routes v1
+  {
+    exact: true,
+    path: '/ebill',
+    name: 'Ebill',
+    component: withReactRouterV3Compatibility(Templates),
+  },
+  {
+    exact: true,
+    path: '/ebill/create',
+    name: 'Ebill',
+    component: withReactRouterV3Compatibility(Ebill),
+  },
+  {
+    exact: true,
+    path: '/ebill/edit/:id',
+    name: 'Ebill',
+    component: withReactRouterV3Compatibility(Ebill),
+  },
+  //mobilepush routes v1
+  {
+    exact: true,
+    path: '/mobilepush',
+    name: 'mobilepush',
+    component: withReactRouterV3Compatibility(Templates),
+  },
+  {
+    exact: true,
+    path: '/mobilepush/create/:mode',
+    name: 'create',
+    component: withReactRouterV3Compatibility(MobilePushCreate),
+  },
+  {
+    exact: true,
+    path: '/mobilepush/edit/:id',
+    name: 'edit',
+    component: withReactRouterV3Compatibility(MobilePushEdit),
+  },
+  // assets routes v1
+  {
+    exact: true,
+    path: '/assets',
+    name: 'GALLERY',
+    component: withReactRouterV3Compatibility(Gallary),
+  },
+  // line routes v1
+  {
+    exact: true,
+    path: '/line',
+    name: 'line',
+    component: withReactRouterV3Compatibility(Templates),
+  },
+  {
+    exact: true,
+    path: '/line/create/:mode',
+    name: 'create line',
+    component: withReactRouterV3Compatibility(LineCreate),
+  },
+  {
+    exact: true,
+    path: '/line/view/:mode',
+    name: 'view',
+    component: withReactRouterV3Compatibility(LineCreate),
+  },
+  {
+    exact: true,
+    path: '/line/edit/text/:id',
+    name: 'edit_text',
+    component: withReactRouterV3Compatibility(LineCreate),
+  },
+  {
+    exact: true,
+    path: '/line/edit/image/:id',
+    name: 'edit_image',
+    component: withReactRouterV3Compatibility(LineCreate),
+  },
+  {
+    exact: true,
+    path: '/v2/somethingwentwrong',
+    name: 'somethingwentwrong',
+    component: withReactRouterV3Compatibility(SomethingWentWrong),
+  },
+  {
+    exact: true,
+    path: '/v2',
+    name: 'templatesV2',
+    component: withReactRouterV3Compatibility(TemplatesV2),
+  },
+  {
+    path: '*',
+    name: 'notfound',
+    component: withReactRouterV3Compatibility(NotFoundPage),
+  },
+];
+
+// export function createRoutes(store) {
+//   updateCharCount("", false); // TODO:: React18, need to see why this call was made from here and can we remove this?
+// }
+
+export default routes;