import '@babel/register';
import '@babel/polyfill';

import 'antd/dist/antd.min';
import 'antd/dist/antd.min.css';

import './global.scss';
import 'react-responsive-carousel/lib/styles/carousel.css';


import React from 'react';
import {Helmet} from "react-helmet";
import {render} from 'react-dom';
import {Provider} from 'mobx-react';
import {BrowserRouter, Route} from 'react-router-dom';

window.moment = require('moment');
// require(`imports-loader?this=>window,fix=>module.exports=0!snapsvg/dist/snap.svg.js`);

import AppState from '../common/stores/appstate';
import Routes from '../common/routes';
import RootComponent from "../common/pages/Root";
import { LocaleProvider } from 'antd';
import enUS from 'antd/lib/locale-provider/en_US';
import {getMobileOperatingSystem} from "../common/stores/firebase";
import cinnamonSugar from "cinnamon-sugar";
import ButterToast from "butter-toast";
import * as firebase from "firebase";

// var injectTapEventPlugin = require("react-tap-event-plugin");
// injectTapEventPlugin();

const initialState = window.__INITIAL_STATE__ || {};

const appstate = new AppState(Object.assign({
  token: localStorage.getItem('id_token') || '',
  userData: {
  }
}, initialState));


// if (getMobileOperatingSystem() !== 'iOS') {
  firebase.messaging().onMessage((payload) => {
    console.log("Message received cok.", payload);
    // alert(payload.notification.body);

    if(payload.data.new_message){
        appstate.message.pushNewMessage(payload.data);
    }

    if(payload.data.notification_type == 'notification'){
      appstate.notification.unread_notif+=1
    }
    const toast = cinnamonSugar({
      kind: 'crisp',
      theme: 'info',
      // picture: 'http://lorempixel.com/150/150/people',
      title: <a  href={'inbox/'}>{payload.notification.title}</a>, // you can also add jsx code here!
      // message: JSON.stringify(payload), // you can also add jsx code here!
      message: payload.notification.body, // you can also add jsx code here!
      toastTimeout: 4000,
      icon: 'bell' // literally any font awesome 4.7 icon
      // you may also add here regular butter-toast options, such as toastTimeout,
      // name, sticky, etc..
    });
    ButterToast.raise(toast)
  });
// }

render(
  <Provider appstate={ appstate }>
    <LocaleProvider locale={enUS}>
    <BrowserRouter>
      <Route path='/' component={RootComponent} />
    </BrowserRouter>
    </LocaleProvider>
  </Provider>,
  document.getElementById('root')
);