import { AlertOutlined } from "@ant-design/icons";
import * as Sentry from "@sentry/react";
import { Integrations } from "@sentry/tracing";
import { Button, notification } from "antd";
import Dinero from "dinero.js";
import i18n from "i18next";
import React from "react";
import ReactDOM from "react-dom";
import { Provider } from "react-redux";
import { BrowserRouter } from "react-router-dom";
import { PersistGate } from "redux-persist/integration/react";
import AppContainer from "./App/App.container";
import LoadingSpinner from "./components/loading-spinner/loading-spinner.component";
import "./index.css";
import { persistor, store } from "./redux/store";
import * as serviceWorker from "./serviceWorker";
import "./translations/i18n";
import "./utils/CleanAxios";

require("dotenv").config();

Dinero.defaultCurrency = "CAD";
Dinero.globalLocale = "en-CA";
Dinero.globalRoundingMode = "HALF_UP";

Sentry.init({
  dsn:
    "https://fd7e89369b6b4bdc9c6c4c9f22fa4ee4@o492140.ingest.sentry.io/5651027",
  integrations: [new Integrations.BrowserTracing()],
  environment: process.env || "development",

  // We recommend adjusting this value in production, or using tracesSampler
  // for finer control
  tracesSampleRate: 0.5,
});

ReactDOM.render(
  <Provider store={store}>
    <BrowserRouter>
      <PersistGate
        loading={<LoadingSpinner message="PersistGate Loading." />}
        persistor={persistor}
      >
        <AppContainer />
      </PersistGate>
    </BrowserRouter>
  </Provider>,
  document.getElementById("root")
);

const onServiceWorkerUpdate = (registration) => {
  console.log("onServiceWorkerUpdate", registration);

  const key = `open${Date.now()}`;
  const btn = (
    <Button
      type="primary"
      onClick={async () => {
        if (registration && registration.waiting) {
          await registration.unregister();
          // Makes Workbox call skipWaiting()
          registration.waiting.postMessage({ type: "SKIP_WAITING" });
          // Once the service worker is unregistered, we can reload the page to let
          // the browser download a fresh copy of our app (invalidating the cache)
          window.location.reload();
        }
      }}
    >
      {i18n.t("general.actions.refresh")}
    </Button>
  );
  notification.open({
    icon: <AlertOutlined />,
    message: i18n.t("general.messages.newversiontitle"),
    description: i18n.t("general.messages.newversionmessage"),
    duration: 0,
    btn,
    key,
  });
};

serviceWorker.register({ onUpdate: onServiceWorkerUpdate });