/* eslint-disable global-require, no-underscore-dangle */
if ((typeof window !== 'undefined' && !window._babelPolyfill)
  || (typeof global !== 'undefined' && !global._babelPolyfill)) {
  // Don't load babel-polyfill if already loaded: https://github.com/babel/babel/issues/4019
  require('@babel/polyfill'); // general ES2015 polyfill (e.g. promise)
}
/* eslint-enable global-require, no-underscore-dangle */

/* eslint-disable import/first */
import React from 'react';
import ReactDOM from 'react-dom';
import { IntlProvider } from 'react-intl';
import { Provider } from 'react-redux';
import 'custom-event-polyfill'; // needed for IE11

import './SFE.scss';
import WrappedEditImageModal from './components/EditImageModal/container';
import loadI18nDomData from './utils/i18n/loadI18nDomData';
import store from './data/store';
/* eslint-enable import/first */

const i18nData = loadI18nDomData();
/* eslint-enable import/first */

function App() {
  return (
    <IntlProvider locale={i18nData.locale} messages={i18nData.messages}>
      <Provider store={store}>
        <div className="SFE-wrapper">
          <WrappedEditImageModal />
        </div>
      </Provider>
    </IntlProvider>
  );
}

ReactDOM.render(<App />, document.getElementById('root'));