cluedin-widget/plugin/salesforce/index.jsx

This project contains all the pages needed for browsing entities and searching them. The aim is to replace the CluedIn.Webapp project with this one when all the pages ( including the Admin page ) will be ported to REACT.

import App from './App.jsx';
import ReactDOM from 'react-dom';
import React from 'react';
import { IntlProvider } from 'react-intl';
import { createStore, applyMiddleware, combineReducers } from 'redux';
import { Provider } from 'react-redux';
import thunkMiddleware from 'redux-thunk';
import createLogger from 'redux-logger';
import { token, clientId } from '../../core/config';
import reducers from '../../core/reducers';
import localesInfo from '../../locales/en.js';
import MuiThemeProvider from 'material-ui/styles/MuiThemeProvider';

const loggerMiddleware = createLogger();
const cluedIn = window.__cluedIn || {};

const createStoreWithMiddleware = applyMiddleware(
  thunkMiddleware,
  loggerMiddleware,
)(createStore);

const initialState = {
  core: {
    token: token,
    widgetConfiguration: void 0,
    org: clientId,
    connectedData: [],
    unauthorized: false,
    isFetchingConnectedData: true,
  },
};

const reducer = combineReducers(Object.assign({}, reducers));

const store = createStoreWithMiddleware(reducer, initialState);

cluedIn.injectSalesForce = (DOMElement) => {
  ReactDOM.render(
    <Provider store={store}>
      <IntlProvider locale={localesInfo.locale} messages={localesInfo.messages}>
        <MuiThemeProvider>
          <App />
        </MuiThemeProvider>
      </IntlProvider>
    </Provider>,
    DOMElement
  );
};