acsi-core 0.1.0 → 0.1.2

package/dist/index.modern.js

@@ -1,610 +1,38 @@
+import { createBrowserHistory } from 'history';
 import { createAction, createReducer, configureStore } from '@reduxjs/toolkit';
-import React, { useCallback, useState, useEffect, Fragment } from 'react';
-import { useGoogleReCaptcha, GoogleReCaptcha, GoogleReCaptchaProvider } from 'react-google-recaptcha-v3';
-import { Container, Card, CardTitle, CardBody, Form, FormGroup, Modal, ModalHeader, ModalBody, ModalFooter, Button } from 'reactstrap';
-import { Formik } from 'formik';
-import { object, string, boolean } from 'yup';
-import GoogleLogin from '@leecheuk/react-google-login';
+import React, { useState, useCallback, useEffect, Fragment } from 'react';
+import { Row, Col, Form, Modal, ModalHeader, ModalBody, ModalFooter, Button, Pagination, PaginationItem, PaginationLink, FormGroup, Input, Label } from 'reactstrap';
+import GoogleLogin, { useGoogleLogout } from '@leecheuk/react-google-login';
 import axios from 'axios';
 import moment from 'moment';
-import { useHistory } from 'react-router-dom';
+import { Link } from 'react-router-dom';
 import { gapi } from 'gapi-script';
 import { useSelector, useDispatch } from 'react-redux';
-
-function _extends() {
-  return _extends = Object.assign ? Object.assign.bind() : function (n) {
-    for (var e = 1; e < arguments.length; e++) {
-      var t = arguments[e];
-      for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]);
-    }
-    return n;
-  }, _extends.apply(null, arguments);
-}
-
-function isAbsolute(pathname) {
-  return pathname.charAt(0) === '/';
-}
-
-// About 1.5x faster than the two-arg version of Array#splice()
-function spliceOne(list, index) {
-  for (var i = index, k = i + 1, n = list.length; k < n; i += 1, k += 1) {
-    list[i] = list[k];
-  }
-
-  list.pop();
-}
-
-// This implementation is based heavily on node's url.parse
-function resolvePathname(to, from) {
-  if (from === undefined) from = '';
-
-  var toParts = (to && to.split('/')) || [];
-  var fromParts = (from && from.split('/')) || [];
-
-  var isToAbs = to && isAbsolute(to);
-  var isFromAbs = from && isAbsolute(from);
-  var mustEndAbs = isToAbs || isFromAbs;
-
-  if (to && isAbsolute(to)) {
-    // to is absolute
-    fromParts = toParts;
-  } else if (toParts.length) {
-    // to is relative, drop the filename
-    fromParts.pop();
-    fromParts = fromParts.concat(toParts);
-  }
-
-  if (!fromParts.length) return '/';
-
-  var hasTrailingSlash;
-  if (fromParts.length) {
-    var last = fromParts[fromParts.length - 1];
-    hasTrailingSlash = last === '.' || last === '..' || last === '';
-  } else {
-    hasTrailingSlash = false;
-  }
-
-  var up = 0;
-  for (var i = fromParts.length; i >= 0; i--) {
-    var part = fromParts[i];
-
-    if (part === '.') {
-      spliceOne(fromParts, i);
-    } else if (part === '..') {
-      spliceOne(fromParts, i);
-      up++;
-    } else if (up) {
-      spliceOne(fromParts, i);
-      up--;
-    }
-  }
-
-  if (!mustEndAbs) for (; up--; up) fromParts.unshift('..');
-
-  if (
-    mustEndAbs &&
-    fromParts[0] !== '' &&
-    (!fromParts[0] || !isAbsolute(fromParts[0]))
-  )
-    fromParts.unshift('');
-
-  var result = fromParts.join('/');
-
-  if (hasTrailingSlash && result.substr(-1) !== '/') result += '/';
-
-  return result;
-}
-
-var isProduction = process.env.NODE_ENV === 'production';
-function warning(condition, message) {
-  if (!isProduction) {
-    if (condition) {
-      return;
-    }
-
-    var text = "Warning: " + message;
-
-    if (typeof console !== 'undefined') {
-      console.warn(text);
-    }
-
-    try {
-      throw Error(text);
-    } catch (x) {}
-  }
-}
-
-var isProduction$1 = process.env.NODE_ENV === 'production';
-var prefix = 'Invariant failed';
-function invariant(condition, message) {
-    if (condition) {
-        return;
-    }
-    if (isProduction$1) {
-        throw new Error(prefix);
-    }
-    var provided = typeof message === 'function' ? message() : message;
-    var value = provided ? "".concat(prefix, ": ").concat(provided) : prefix;
-    throw new Error(value);
-}
-
-function addLeadingSlash(path) {
-  return path.charAt(0) === '/' ? path : '/' + path;
-}
-function hasBasename(path, prefix) {
-  return path.toLowerCase().indexOf(prefix.toLowerCase()) === 0 && '/?#'.indexOf(path.charAt(prefix.length)) !== -1;
-}
-function stripBasename(path, prefix) {
-  return hasBasename(path, prefix) ? path.substr(prefix.length) : path;
-}
-function stripTrailingSlash(path) {
-  return path.charAt(path.length - 1) === '/' ? path.slice(0, -1) : path;
-}
-function parsePath(path) {
-  var pathname = path || '/';
-  var search = '';
-  var hash = '';
-  var hashIndex = pathname.indexOf('#');
-
-  if (hashIndex !== -1) {
-    hash = pathname.substr(hashIndex);
-    pathname = pathname.substr(0, hashIndex);
-  }
-
-  var searchIndex = pathname.indexOf('?');
-
-  if (searchIndex !== -1) {
-    search = pathname.substr(searchIndex);
-    pathname = pathname.substr(0, searchIndex);
-  }
-
-  return {
-    pathname: pathname,
-    search: search === '?' ? '' : search,
-    hash: hash === '#' ? '' : hash
-  };
-}
-function createPath(location) {
-  var pathname = location.pathname,
-      search = location.search,
-      hash = location.hash;
-  var path = pathname || '/';
-  if (search && search !== '?') path += search.charAt(0) === '?' ? search : "?" + search;
-  if (hash && hash !== '#') path += hash.charAt(0) === '#' ? hash : "#" + hash;
-  return path;
-}
-
-function createLocation(path, state, key, currentLocation) {
-  var location;
-
-  if (typeof path === 'string') {
-    // Two-arg form: push(path, state)
-    location = parsePath(path);
-    location.state = state;
-  } else {
-    // One-arg form: push(location)
-    location = _extends({}, path);
-    if (location.pathname === undefined) location.pathname = '';
-
-    if (location.search) {
-      if (location.search.charAt(0) !== '?') location.search = '?' + location.search;
-    } else {
-      location.search = '';
-    }
-
-    if (location.hash) {
-      if (location.hash.charAt(0) !== '#') location.hash = '#' + location.hash;
-    } else {
-      location.hash = '';
-    }
-
-    if (state !== undefined && location.state === undefined) location.state = state;
-  }
-
-  try {
-    location.pathname = decodeURI(location.pathname);
-  } catch (e) {
-    if (e instanceof URIError) {
-      throw new URIError('Pathname "' + location.pathname + '" could not be decoded. ' + 'This is likely caused by an invalid percent-encoding.');
-    } else {
-      throw e;
-    }
-  }
-
-  if (key) location.key = key;
-
-  if (currentLocation) {
-    // Resolve incomplete/relative pathname relative to current location.
-    if (!location.pathname) {
-      location.pathname = currentLocation.pathname;
-    } else if (location.pathname.charAt(0) !== '/') {
-      location.pathname = resolvePathname(location.pathname, currentLocation.pathname);
-    }
-  } else {
-    // When there is no prior location and pathname is empty, set it to /
-    if (!location.pathname) {
-      location.pathname = '/';
-    }
-  }
-
-  return location;
-}
-
-function createTransitionManager() {
-  var prompt = null;
-
-  function setPrompt(nextPrompt) {
-    process.env.NODE_ENV !== "production" ? warning(prompt == null, 'A history supports only one prompt at a time') : void 0;
-    prompt = nextPrompt;
-    return function () {
-      if (prompt === nextPrompt) prompt = null;
-    };
-  }
-
-  function confirmTransitionTo(location, action, getUserConfirmation, callback) {
-    // TODO: If another transition starts while we're still confirming
-    // the previous one, we may end up in a weird state. Figure out the
-    // best way to handle this.
-    if (prompt != null) {
-      var result = typeof prompt === 'function' ? prompt(location, action) : prompt;
-
-      if (typeof result === 'string') {
-        if (typeof getUserConfirmation === 'function') {
-          getUserConfirmation(result, callback);
-        } else {
-          process.env.NODE_ENV !== "production" ? warning(false, 'A history needs a getUserConfirmation function in order to use a prompt message') : void 0;
-          callback(true);
-        }
-      } else {
-        // Return false from a transition hook to cancel the transition.
-        callback(result !== false);
-      }
-    } else {
-      callback(true);
-    }
-  }
-
-  var listeners = [];
-
-  function appendListener(fn) {
-    var isActive = true;
-
-    function listener() {
-      if (isActive) fn.apply(void 0, arguments);
-    }
-
-    listeners.push(listener);
-    return function () {
-      isActive = false;
-      listeners = listeners.filter(function (item) {
-        return item !== listener;
-      });
-    };
-  }
-
-  function notifyListeners() {
-    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-      args[_key] = arguments[_key];
-    }
-
-    listeners.forEach(function (listener) {
-      return listener.apply(void 0, args);
-    });
-  }
-
-  return {
-    setPrompt: setPrompt,
-    confirmTransitionTo: confirmTransitionTo,
-    appendListener: appendListener,
-    notifyListeners: notifyListeners
-  };
-}
-
-var canUseDOM = !!(typeof window !== 'undefined' && window.document && window.document.createElement);
-function getConfirmation(message, callback) {
-  callback(window.confirm(message)); // eslint-disable-line no-alert
-}
-/**
- * Returns true if the HTML5 history API is supported. Taken from Modernizr.
- *
- * https://github.com/Modernizr/Modernizr/blob/master/LICENSE
- * https://github.com/Modernizr/Modernizr/blob/master/feature-detects/history.js
- * changed to avoid false negatives for Windows Phones: https://github.com/reactjs/react-router/issues/586
- */
-
-function supportsHistory() {
-  var ua = window.navigator.userAgent;
-  if ((ua.indexOf('Android 2.') !== -1 || ua.indexOf('Android 4.0') !== -1) && ua.indexOf('Mobile Safari') !== -1 && ua.indexOf('Chrome') === -1 && ua.indexOf('Windows Phone') === -1) return false;
-  return window.history && 'pushState' in window.history;
-}
-/**
- * Returns true if browser fires popstate on hash change.
- * IE10 and IE11 do not.
- */
-
-function supportsPopStateOnHashChange() {
-  return window.navigator.userAgent.indexOf('Trident') === -1;
-}
-/**
- * Returns true if a given popstate event is an extraneous WebKit event.
- * Accounts for the fact that Chrome on iOS fires real popstate events
- * containing undefined state when pressing the back button.
- */
-
-function isExtraneousPopstateEvent(event) {
-  return event.state === undefined && navigator.userAgent.indexOf('CriOS') === -1;
-}
-
-var PopStateEvent = 'popstate';
-var HashChangeEvent = 'hashchange';
-
-function getHistoryState() {
-  try {
-    return window.history.state || {};
-  } catch (e) {
-    // IE 11 sometimes throws when accessing window.history.state
-    // See https://github.com/ReactTraining/history/pull/289
-    return {};
-  }
-}
-/**
- * Creates a history object that uses the HTML5 history API including
- * pushState, replaceState, and the popstate event.
- */
-
-
-function createBrowserHistory(props) {
-  if (props === void 0) {
-    props = {};
-  }
-
-  !canUseDOM ? process.env.NODE_ENV !== "production" ? invariant(false, 'Browser history needs a DOM') : invariant(false) : void 0;
-  var globalHistory = window.history;
-  var canUseHistory = supportsHistory();
-  var needsHashChangeListener = !supportsPopStateOnHashChange();
-  var _props = props,
-      _props$forceRefresh = _props.forceRefresh,
-      forceRefresh = _props$forceRefresh === void 0 ? false : _props$forceRefresh,
-      _props$getUserConfirm = _props.getUserConfirmation,
-      getUserConfirmation = _props$getUserConfirm === void 0 ? getConfirmation : _props$getUserConfirm,
-      _props$keyLength = _props.keyLength,
-      keyLength = _props$keyLength === void 0 ? 6 : _props$keyLength;
-  var basename = props.basename ? stripTrailingSlash(addLeadingSlash(props.basename)) : '';
-
-  function getDOMLocation(historyState) {
-    var _ref = historyState || {},
-        key = _ref.key,
-        state = _ref.state;
-
-    var _window$location = window.location,
-        pathname = _window$location.pathname,
-        search = _window$location.search,
-        hash = _window$location.hash;
-    var path = pathname + search + hash;
-    process.env.NODE_ENV !== "production" ? warning(!basename || hasBasename(path, basename), 'You are attempting to use a basename on a page whose URL path does not begin ' + 'with the basename. Expected path "' + path + '" to begin with "' + basename + '".') : void 0;
-    if (basename) path = stripBasename(path, basename);
-    return createLocation(path, state, key);
-  }
-
-  function createKey() {
-    return Math.random().toString(36).substr(2, keyLength);
-  }
-
-  var transitionManager = createTransitionManager();
-
-  function setState(nextState) {
-    _extends(history, nextState);
-
-    history.length = globalHistory.length;
-    transitionManager.notifyListeners(history.location, history.action);
-  }
-
-  function handlePopState(event) {
-    // Ignore extraneous popstate events in WebKit.
-    if (isExtraneousPopstateEvent(event)) return;
-    handlePop(getDOMLocation(event.state));
-  }
-
-  function handleHashChange() {
-    handlePop(getDOMLocation(getHistoryState()));
-  }
-
-  var forceNextPop = false;
-
-  function handlePop(location) {
-    if (forceNextPop) {
-      forceNextPop = false;
-      setState();
-    } else {
-      var action = 'POP';
-      transitionManager.confirmTransitionTo(location, action, getUserConfirmation, function (ok) {
-        if (ok) {
-          setState({
-            action: action,
-            location: location
-          });
-        } else {
-          revertPop(location);
-        }
-      });
-    }
-  }
-
-  function revertPop(fromLocation) {
-    var toLocation = history.location; // TODO: We could probably make this more reliable by
-    // keeping a list of keys we've seen in sessionStorage.
-    // Instead, we just default to 0 for keys we don't know.
-
-    var toIndex = allKeys.indexOf(toLocation.key);
-    if (toIndex === -1) toIndex = 0;
-    var fromIndex = allKeys.indexOf(fromLocation.key);
-    if (fromIndex === -1) fromIndex = 0;
-    var delta = toIndex - fromIndex;
-
-    if (delta) {
-      forceNextPop = true;
-      go(delta);
-    }
-  }
-
-  var initialLocation = getDOMLocation(getHistoryState());
-  var allKeys = [initialLocation.key]; // Public interface
-
-  function createHref(location) {
-    return basename + createPath(location);
-  }
-
-  function push(path, state) {
-    process.env.NODE_ENV !== "production" ? warning(!(typeof path === 'object' && path.state !== undefined && state !== undefined), 'You should avoid providing a 2nd state argument to push when the 1st ' + 'argument is a location-like object that already has state; it is ignored') : void 0;
-    var action = 'PUSH';
-    var location = createLocation(path, state, createKey(), history.location);
-    transitionManager.confirmTransitionTo(location, action, getUserConfirmation, function (ok) {
-      if (!ok) return;
-      var href = createHref(location);
-      var key = location.key,
-          state = location.state;
-
-      if (canUseHistory) {
-        globalHistory.pushState({
-          key: key,
-          state: state
-        }, null, href);
-
-        if (forceRefresh) {
-          window.location.href = href;
-        } else {
-          var prevIndex = allKeys.indexOf(history.location.key);
-          var nextKeys = allKeys.slice(0, prevIndex + 1);
-          nextKeys.push(location.key);
-          allKeys = nextKeys;
-          setState({
-            action: action,
-            location: location
-          });
-        }
-      } else {
-        process.env.NODE_ENV !== "production" ? warning(state === undefined, 'Browser history cannot push state in browsers that do not support HTML5 history') : void 0;
-        window.location.href = href;
-      }
-    });
-  }
-
-  function replace(path, state) {
-    process.env.NODE_ENV !== "production" ? warning(!(typeof path === 'object' && path.state !== undefined && state !== undefined), 'You should avoid providing a 2nd state argument to replace when the 1st ' + 'argument is a location-like object that already has state; it is ignored') : void 0;
-    var action = 'REPLACE';
-    var location = createLocation(path, state, createKey(), history.location);
-    transitionManager.confirmTransitionTo(location, action, getUserConfirmation, function (ok) {
-      if (!ok) return;
-      var href = createHref(location);
-      var key = location.key,
-          state = location.state;
-
-      if (canUseHistory) {
-        globalHistory.replaceState({
-          key: key,
-          state: state
-        }, null, href);
-
-        if (forceRefresh) {
-          window.location.replace(href);
-        } else {
-          var prevIndex = allKeys.indexOf(history.location.key);
-          if (prevIndex !== -1) allKeys[prevIndex] = location.key;
-          setState({
-            action: action,
-            location: location
-          });
-        }
-      } else {
-        process.env.NODE_ENV !== "production" ? warning(state === undefined, 'Browser history cannot replace state in browsers that do not support HTML5 history') : void 0;
-        window.location.replace(href);
-      }
-    });
-  }
-
-  function go(n) {
-    globalHistory.go(n);
-  }
-
-  function goBack() {
-    go(-1);
-  }
-
-  function goForward() {
-    go(1);
-  }
-
-  var listenerCount = 0;
-
-  function checkDOMListeners(delta) {
-    listenerCount += delta;
-
-    if (listenerCount === 1 && delta === 1) {
-      window.addEventListener(PopStateEvent, handlePopState);
-      if (needsHashChangeListener) window.addEventListener(HashChangeEvent, handleHashChange);
-    } else if (listenerCount === 0) {
-      window.removeEventListener(PopStateEvent, handlePopState);
-      if (needsHashChangeListener) window.removeEventListener(HashChangeEvent, handleHashChange);
-    }
-  }
-
-  var isBlocked = false;
-
-  function block(prompt) {
-    if (prompt === void 0) {
-      prompt = false;
-    }
-
-    var unblock = transitionManager.setPrompt(prompt);
-
-    if (!isBlocked) {
-      checkDOMListeners(1);
-      isBlocked = true;
-    }
-
-    return function () {
-      if (isBlocked) {
-        isBlocked = false;
-        checkDOMListeners(-1);
-      }
-
-      return unblock();
-    };
-  }
-
-  function listen(listener) {
-    var unlisten = transitionManager.appendListener(listener);
-    checkDOMListeners(1);
-    return function () {
-      checkDOMListeners(-1);
-      unlisten();
-    };
-  }
-
-  var history = {
-    length: globalHistory.length,
-    action: 'POP',
-    location: initialLocation,
-    createHref: createHref,
-    push: push,
-    replace: replace,
-    go: go,
-    goBack: goBack,
-    goForward: goForward,
-    block: block,
-    listen: listen
-  };
-  return history;
-}
+import { Box, Typography } from '@mui/material';
+export { ToastContainer, toast } from 'react-toastify';
+import Select, { components } from 'react-select';
+import { FaCaretDown } from 'react-icons/fa';
+import CreatableSelect from 'react-select/creatable';
 
 var setLoading = createAction("common/setLoading");
 var setAlert = createAction("common/setAlert");
 var setUser = createAction("common/setUser");
-
-var GOOGLE_CLIENT_ID = "64118819726-0qlur4qjrs9jbuu6rnoa0u91g680lmpg.apps.googleusercontent.com";
-var GOOGLE_RECAPTCHA_ID = "6LfNtLUaAAAAAL24lbBV11jS-gBtt1mhtxb4NXs0";
+var setLanguage = createAction("common/setLanguage");
+var reset = createAction("common/reset");
+
+var GOOGLE_RECAPTCHA_KEY = process.env.REACT_APP_GOOGLE_RECAPTCHA_KEY || "";
+var GOOGLE_CLIENT_ID = process.env.REACT_APP_GOOGLE_CLIENT_ID || "";
+var GOOGLE_RECAPTCHA_ID = process.env.REACT_APP_GOOGLE_RECAPTCHA_ID || "";
+var GOOGLE_RECAPTCHA_SECRET = process.env.REACT_APP_GOOGLE_RECAPTCHA_SECRET || "";
+var BASE_URL = process.env.REACT_APP_BASE_URL || "";
+var SUPER_ADMIN_BASE_URL = process.env.REACT_APP_SUPER_ADMIN_BASE_URL || "";
+var PUSHER_CONFIG = {
+  cluster: process.env.REACT_APP_PUSHER_CONFIG_CLUSTER || "",
+  key: process.env.REACT_APP_PUSHER_CONFIG_KEY || ""
+};
 var ACCESS_TOKEN = "ACCESS_TOKEN";
-var BASE_URL = "https://localhost:5000";
+var ACADEMY_DOMAIN = "ACADEMY_DOMAIN";
+var DefaultErrorMessage = "an_unexpected_error_has_occurred";
 var getAccessToken = function getAccessToken() {
   try {
     return localStorage.getItem(ACCESS_TOKEN);
@@ -625,26 +53,7 @@ var encodeParams = function encodeParams(params) {
   }).join('&');
 };
 
-// A type of promise-like that resolves synchronously and supports only one observer
-
-const _iteratorSymbol = /*#__PURE__*/ typeof Symbol !== "undefined" ? (Symbol.iterator || (Symbol.iterator = Symbol("Symbol.iterator"))) : "@@iterator";
-
-const _asyncIteratorSymbol = /*#__PURE__*/ typeof Symbol !== "undefined" ? (Symbol.asyncIterator || (Symbol.asyncIterator = Symbol("Symbol.asyncIterator"))) : "@@asyncIterator";
-
-// Asynchronously call a function and send errors to recovery continuation
-function _catch(body, recover) {
-	try {
-		var result = body();
-	} catch(e) {
-		return recover(e);
-	}
-	if (result && result.then) {
-		return result.then(void 0, recover);
-	}
-	return result;
-}
-
-var styles = {"signup_wrap":"_18HOc","back_btn":"_397BX","sign_card":"_2ZRO9","card-header":"_ii7EY","card-body-item":"_LLdCT"};
+var styleGlobal = {"signup_wrap":"_1KLz9","box-signin":"_2Jo1o","signin_title":"_3egBO","signup_link":"_1DoIT","google_button":"_34hK_","box-field":"_2e9xO","box-input":"_3zXRp","box-button-email":"_21FPk","box-signin-container":"_1QERu","box-signin-text":"_2-znH","box-signin-logo":"_1aB2m","box-right":"_3qndF","box-right-body":"_JzdCr","box-right-footer":"_19aCA"};
 
 var api = axios.create({
   baseURL: BASE_URL,
@@ -679,9 +88,6 @@ var apiUpload = axios.create({
   return i.interceptors.response.use(function (response) {
     return response;
   }, function (error) {
-    console.log({
-      error: error
-    });
     if (error.response.status === 401) {
       window.location.href = "/login";
     }
@@ -695,38 +101,16 @@ var apiUpload = axios.create({
 });
 
 var apiLoginGoogle = function apiLoginGoogle(body) {
-  return api.post(BASE_URL + "/api/Login/signin", body);
+  return api.post(BASE_URL + "/api/Auth/login", body);
 };
 
-var schema = object({
-  email: string().email("Email is invalid").required("Email is required"),
-  password: string().required("Password is required"),
-  rememberMe: boolean()
-});
+var itemLogin = ['Seamless lesson planning', 'Flexibility and customization', 'Data protection and security', 'Standards alignment', 'AI smart assist'];
+
 var BlockLogin = function BlockLogin(_ref) {
-  var defaultInfo = _ref.defaultInfo,
-    onNavigate = _ref.onNavigate;
-  var _useGoogleReCaptcha = useGoogleReCaptcha(),
-    executeRecaptcha = _useGoogleReCaptcha.executeRecaptcha;
-  var history = useHistory();
-  var clickHandler = useCallback(function () {
-    try {
-      if (!executeRecaptcha) {
-        console.log("execute recaptcha undefined");
-        return Promise.resolve();
-      }
-      return Promise.resolve(executeRecaptcha("login"));
-    } catch (e) {
-      return Promise.reject(e);
-    }
-  }, [executeRecaptcha]);
-  var handleVerify = useCallback(function () {}, []);
+  var onNavigate = _ref.onNavigate,
+    role = _ref.role;
   var onSuccessGoogle = function onSuccessGoogle(res) {
     try {
-      console.log("success");
-      console.log({
-        res: res
-      });
       var _temp = function () {
         if (!!(res !== null && res !== void 0 && res.accessToken)) {
           var _res$profileObj = res.profileObj,
@@ -735,7 +119,7 @@ var BlockLogin = function BlockLogin(_ref) {
             familyName = _res$profileObj.familyName,
             givenName = _res$profileObj.givenName,
             name = _res$profileObj.name;
-          var accessToken = res.accessToken;
+          var accessToken = res.tokenObj.id_token;
           var googleId = res.googleId;
           var infoLogin = {
             imageUrl: imageUrl,
@@ -745,13 +129,12 @@ var BlockLogin = function BlockLogin(_ref) {
             email: email,
             token: accessToken,
             googleId: googleId,
-            role: "Student"
+            role: role
           };
           return Promise.resolve(apiLoginGoogle(infoLogin)).then(function (res1) {
             var tokenJWT = res1.data.token;
-            localStorage.setItem("USER_INFORMATION", JSON.stringify(infoLogin));
             localStorage.setItem(ACCESS_TOKEN, tokenJWT);
-            history.push("/dashboard");
+            onNavigate("/dashboard");
           });
         }
       }();
@@ -763,61 +146,127 @@ var BlockLogin = function BlockLogin(_ref) {
   var onFailureGoogle = function onFailureGoogle() {
     onNavigate("/login");
   };
-  return React.createElement(Container, {
-    className: "pt-5"
-  }, React.createElement(Formik, {
-    initialValues: defaultInfo,
-    validationSchema: schema,
-    onSubmit: function (values) {
-      try {
-        return Promise.resolve(_catch(function () {
-          return Promise.resolve(clickHandler()).then(function (clickHandlerRes) {
-            if (!clickHandlerRes) return;
-            values.captcha = clickHandlerRes;
-          });
-        }, function (err) {
-          console.error(err);
-        }));
-      } catch (e) {
-        return Promise.reject(e);
+  return React.createElement(Row, {
+    style: {
+      height: "100%"
+    }
+  }, React.createElement(Col, {
+    sm: 12,
+    lg: 7
+  }, React.createElement("div", {
+    className: "" + styleGlobal["box-signin-container"]
+  }, React.createElement("div", {
+    className: styleGlobal["box-signin-logo"] + " "
+  }, React.createElement(Link, {
+    to: "/",
+    className: "d-flex"
+  }, React.createElement("img", {
+    src: "/images/Logo.png",
+    alt: "",
+    height: 37,
+    width: 155,
+    className: "my-auto"
+  }))), React.createElement("div", {
+    className: styleGlobal["box-signin"] + " "
+  }, React.createElement("div", {
+    className: "" + styleGlobal["signin_title"]
+  }, React.createElement("span", null, "Welcome to Edusfere")), React.createElement("div", {
+    className: "" + styleGlobal["signup_link"]
+  }, React.createElement("span", null, "Don't have an account?", " ", React.createElement(Link, {
+    to: "/",
+    style: {
+      color: "#00A0DA"
+    },
+    className: "text-decoration-none"
+  }, "Sign up"))), React.createElement(GoogleLogin, {
+    clientId: GOOGLE_CLIENT_ID,
+    render: function render(renderProps) {
+      return React.createElement("div", {
+        className: "" + styleGlobal["google_button"]
+      }, React.createElement("button", {
+        onClick: renderProps.onClick,
+        disabled: renderProps.disabled
+      }, React.createElement("img", {
+        width: 24,
+        height: 24,
+        alt: "Google sign-in",
+        src: "/images/icons/Google__G__logo.png"
+      }), "Sign in with Google"));
+    },
+    onSuccess: onSuccessGoogle,
+    onFailure: onFailureGoogle,
+    cookiePolicy: "single_host_origin"
+  }), React.createElement("span", {
+    className: "" + styleGlobal["box-field"]
+  }, "OR"), React.createElement(Form, null, React.createElement("div", {
+    className: "" + styleGlobal["box-input"]
+  }, React.createElement("input", {
+    type: "email",
+    placeholder: "Email"
+  })), React.createElement("button", {
+    type: "submit",
+    className: "" + styleGlobal["box-button-email"]
+  }, React.createElement("img", {
+    width: 20,
+    height: 20,
+    alt: "Email sign-in",
+    src: "/images/icons/Login_icon.png"
+  }), "Sign in with Email"))), React.createElement("div", {
+    className: styleGlobal["box-signin-text"] + " "
+  }, React.createElement("span", {
+    style: {
+      fontSize: "13px",
+      color: "#A6A6AD"
+    }
+  }, "By signing in, you agree to our Terms & Privacy Policy")))), React.createElement(Col, {
+    sm: 12,
+    lg: 5,
+    className: "d-none d-lg-block"
+  }, React.createElement("div", {
+    className: "" + styleGlobal["box-right"],
+    style: {
+      backgroundImage: "url('/images/bg_login.png')"
+    }
+  }, React.createElement("div", {
+    className: "" + styleGlobal["box-right-body"]
+  }, React.createElement("span", {
+    style: {
+      fontSize: "24px",
+      fontWeight: "700"
+    }
+  }, "As a teacher, your time and energy are too valuable to waste"), React.createElement("p", {
+    className: " fw-normal ",
+    style: {
+      marginTop: "12px",
+      marginBottom: "24px",
+      color: "#03191F"
+    }
+  }, "So we\u2019re building a curriculum hub and and workspace that puts everything you need to plan and prep within reach."), React.createElement("ul", null, itemLogin.map(function (item, it) {
+    return React.createElement("li", {
+      key: it,
+      className: "mb-2 ",
+      style: {
+        color: "#212126"
       }
+    }, item);
+  })), React.createElement("div", {
+    className: "" + styleGlobal["box-right-footer"]
+  }, React.createElement("img", {
+    className: "img-fluid",
+    alt: "",
+    src: "/images/image_login.png",
+    style: {
+      width: "15vw"
     }
-  }, function (formikProps) {
-    var handleSubmit = formikProps.handleSubmit;
-    return React.createElement(Card, {
-      className: styles["sign_card"] + " mx-auto"
-    }, React.createElement(CardTitle, {
-      className: styles["card-header"]
-    }, "Sign in with Google"), React.createElement(CardBody, {
-      className: styles["card-body-item"]
-    }, React.createElement(Form, {
-      onSubmit: handleSubmit
-    }, React.createElement(FormGroup, null, React.createElement(GoogleReCaptcha, {
-      action: "login",
-      onVerify: handleVerify
-    })), React.createElement(GoogleLogin, {
-      clientId: GOOGLE_CLIENT_ID,
-      render: function render(renderProps) {
-        return React.createElement("div", {
-          className: "d-flex justify-content-center mt-5"
-        }, React.createElement("button", {
-          onClick: renderProps.onClick,
-          disabled: renderProps.disabled,
-          className: "d-flex py-3 text-black align-items-center px-3 justify-content-center"
-        }, React.createElement("img", {
-          width: 30,
-          alt: "Google sign-in",
-          src: "/images/icons/icons8-google-96.svg"
-        }), React.createElement("h6", {
-          className: "mb-0 ms-3 fw-bold"
-        }, "sign in with Google")));
-      },
-      onSuccess: onSuccessGoogle,
-      onFailure: onFailureGoogle,
-      cookiePolicy: "single_host_origin",
-      className: "" + styles["btn-login-google"]
-    }))));
-  }));
+  }), React.createElement("div", null, React.createElement("p", null, "As one of our earliest users,", React.createElement("br", null), "you are a vital part of this process"), React.createElement("div", null, React.createElement("span", {
+    className: "d-block"
+  }, "Thank you!"), React.createElement("img", {
+    style: {
+      marginTop: "-15px"
+    },
+    alt: "",
+    src: "/images/icons/Vector 22.png"
+  }))))))));
 };
 
 var defaultInfo = {
@@ -826,7 +275,6 @@ var defaultInfo = {
   captcha: "",
   rememberMe: false
 };
-var TITLE = "Log in";
 var useLogin = function useLogin() {
   var _useState = useState(false),
     openLogin = _useState[0],
@@ -840,9 +288,6 @@ var useLogin = function useLogin() {
   var _useState3 = useState(false),
     isShowPassword = _useState3[0],
     setIsShowPassword = _useState3[1];
-  useEffect(function () {
-    document.title = TITLE;
-  }, []);
   useEffect(function () {
     var start = function start() {
       gapi.client.init({
@@ -864,31 +309,17 @@ var useLogin = function useLogin() {
 };
 
 var Login = function Login(props) {
-  var onNavigate = props.onNavigate;
+  var onNavigate = props.onNavigate,
+    role = props.role;
   var _useLogin = useLogin(),
     defaultInfo = _useLogin.defaultInfo;
   return React.createElement("div", {
-    className: styles["signup_wrap"] + " container-fluid font-family-lato"
-  }, React.createElement("button", {
-    className: styles["back_btn"],
-    onClick: function onClick() {
-      onNavigate("/");
-    }
-  }, React.createElement("img", {
-    src: "/images/icons/white-left-arrow.svg",
-    alt: ""
-  }), " back"), React.createElement(GoogleReCaptchaProvider, {
-    useRecaptchaNet: true,
-    reCaptchaKey: GOOGLE_RECAPTCHA_ID,
-    scriptProps: {
-      async: true,
-      defer: true,
-      appendTo: "body"
-    }
+    className: styleGlobal["signup_wrap"] + " container-fluid font-family-lato"
   }, React.createElement(BlockLogin, {
     defaultInfo: defaultInfo,
-    onNavigate: onNavigate
-  })));
+    onNavigate: onNavigate,
+    role: role
+  }));
 };
 
 var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
@@ -986,7 +417,7 @@ function kindOf(val) {
 }
 
 // src/utils/warning.ts
-function warning$1(message) {
+function warning(message) {
   if (typeof console !== "undefined" && typeof console.error === "function") {
     console.error(message);
   }
@@ -1039,7 +470,7 @@ function combineReducers(reducers) {
     const key = reducerKeys[i];
     if (process.env.NODE_ENV !== "production") {
       if (typeof reducers[key] === "undefined") {
-        warning$1(`No reducer provided for key "${key}"`);
+        warning(`No reducer provided for key "${key}"`);
       }
     }
     if (typeof reducers[key] === "function") {
@@ -1064,7 +495,7 @@ function combineReducers(reducers) {
     if (process.env.NODE_ENV !== "production") {
       const warningMessage = getUnexpectedStateShapeWarningMessage(state, finalReducers, action, unexpectedKeyCache);
       if (warningMessage) {
-        warning$1(warningMessage);
+        warning(warningMessage);
       }
     }
     let hasChanged = false;
@@ -1093,7 +524,8 @@ var initialState = {
     type: "",
     message: ""
   },
-  user: null
+  user: null,
+  academy: null
 };
 var commonReducer = createReducer(initialState, function (builder) {
   builder.addCase(setLoading, function (state, action) {
@@ -1102,6 +534,10 @@ var commonReducer = createReducer(initialState, function (builder) {
     state.alert = action.payload;
   }).addCase(setUser, function (state, action) {
     state.user = action.payload;
+  }).addCase(setLanguage, function (state, action) {
+    state.language = action.payload;
+  }).addCase(reset, function (_state, _action) {
+    return initialState;
   });
 });
 
@@ -1118,11 +554,7 @@ var store = configureStore({
   }
 });
 
-var TITLE$1 = "Not found";
 var NotFound = function NotFound() {
-  useEffect(function () {
-    document.title = TITLE$1;
-  });
   return React.createElement("div", {
     className: "not-found"
   }, React.createElement("div", {
@@ -1165,6 +597,25 @@ var Loading = function Loading() {
   }))) : null;
 };
 
+// A type of promise-like that resolves synchronously and supports only one observer
+
+const _iteratorSymbol = /*#__PURE__*/ typeof Symbol !== "undefined" ? (Symbol.iterator || (Symbol.iterator = Symbol("Symbol.iterator"))) : "@@iterator";
+
+const _asyncIteratorSymbol = /*#__PURE__*/ typeof Symbol !== "undefined" ? (Symbol.asyncIterator || (Symbol.asyncIterator = Symbol("Symbol.asyncIterator"))) : "@@asyncIterator";
+
+// Asynchronously call a function and send errors to recovery continuation
+function _catch(body, recover) {
+	try {
+		var result = body();
+	} catch(e) {
+		return recover(e);
+	}
+	if (result && result.then) {
+		return result.then(void 0, recover);
+	}
+	return result;
+}
+
 var encodeParams$1 = (function (params) {
   return Object.keys(params).filter(function (key) {
     return params[key] || params[key] === 0 || params[key] === false;
@@ -1230,18 +681,68 @@ var apiUpload$1 = axios.create({
   });
 });
 
-var ACCOUNT_URL = BASE_URL + "/api/account";
 var getInfo = function getInfo() {
-  return api$1.get(ACCOUNT_URL + "/info");
+  return api$1.get(BASE_URL + "/api/Auth/info");
+};
+
+var useGoogleSignOut = function useGoogleSignOut(props) {
+  var dispatch = useDispatch();
+  var onLogoutSuccess = props.onLogoutSuccess,
+    onFailure = props.onFailure;
+  var handleLogoutSuccess = function handleLogoutSuccess() {
+    onLogoutSuccess === null || onLogoutSuccess === void 0 ? void 0 : onLogoutSuccess();
+  };
+  var handleLogoutFailure = function handleLogoutFailure() {
+    onFailure === null || onFailure === void 0 ? void 0 : onFailure();
+  };
+  var _useGoogleLogout = useGoogleLogout({
+      clientId: GOOGLE_CLIENT_ID,
+      onLogoutSuccess: handleLogoutSuccess,
+      onFailure: handleLogoutFailure
+    }),
+    signOut = _useGoogleLogout.signOut,
+    loaded = _useGoogleLogout.loaded;
+  var handleSignOut = function handleSignOut(isRemoveDomainStorage) {
+    if (isRemoveDomainStorage === void 0) {
+      isRemoveDomainStorage = false;
+    }
+    localStorage.removeItem("USER_INFORMATION");
+    localStorage.removeItem(ACCESS_TOKEN);
+    if (isRemoveDomainStorage) {
+      localStorage.removeItem(ACADEMY_DOMAIN);
+    }
+    try {
+      signOut();
+    } catch (error) {
+      console.log({
+        error: error
+      });
+    }
+    dispatch(reset());
+    window.location.href = "/login";
+  };
+  return {
+    handleSignOut: handleSignOut,
+    loaded: loaded
+  };
 };
 
 var LayoutContext = function LayoutContext(_ref) {
   var children = _ref.children,
+    role = _ref.role,
     onNavigate = _ref.onNavigate;
+  var _useGoogleSignOut = useGoogleSignOut({
+      onNavigate: onNavigate
+    }),
+    handleSignOut = _useGoogleSignOut.handleSignOut;
   var dispatch = useDispatch();
+  var user = useSelector(function (state) {
+    var _state$common;
+    return state === null || state === void 0 ? void 0 : (_state$common = state.common) === null || _state$common === void 0 ? void 0 : _state$common.user;
+  });
+  var roles = (user === null || user === void 0 ? void 0 : user.roles) || [];
   var resetAuth = function resetAuth() {
-    localStorage.removeItem(ACCESS_TOKEN);
-    onNavigate("/login");
+    handleSignOut();
   };
   var loadInfo = function loadInfo() {
     try {
@@ -1265,10 +766,17 @@ var LayoutContext = function LayoutContext(_ref) {
       return Promise.reject(e);
     }
   };
-  console.log(loadInfo);
+  var checkRoleUser = useCallback(function () {
+    if (!user) return;
+    if (!roles.includes(role) && !!user.academyDomain) {
+      alert(user.email + " not allow to register " + role);
+      resetAuth();
+    }
+  }, [role, JSON.stringify(user)]);
   useEffect(function () {
-    loadInfo();
-  }, []);
+    !user && loadInfo();
+    !!user && checkRoleUser();
+  }, [JSON.stringify(user)]);
   return React.createElement(Fragment, null, children);
 };
 
@@ -1302,17 +810,584 @@ var CommonDialog = function CommonDialog(_ref) {
     children = _ref.children,
     centered = _ref.centered,
     title = _ref.title,
-    onClose = _ref.onClose;
+    _ref$size = _ref.size,
+    size = _ref$size === void 0 ? "xs" : _ref$size,
+    _ref$isShowHeader = _ref.isShowHeader,
+    isShowHeader = _ref$isShowHeader === void 0 ? true : _ref$isShowHeader,
+    onClose = _ref.onClose,
+    backdrop = _ref.backdrop;
   return React.createElement(Modal, {
+    backdrop: backdrop,
     isOpen: open,
     toggle: onClose,
-    centered: centered
-  }, React.createElement(ModalHeader, {
+    centered: centered,
+    size: size,
+    zIndex: 1102
+  }, isShowHeader ? React.createElement(ModalHeader, {
     toggle: onClose
-  }, title), children);
+  }, title) : React.createElement(Box, {
+    className: "p-3"
+  }, React.createElement(Typography, {
+    className: "fs-5 text-center fw-bold"
+  }, title)), children);
+};
+
+var AuthenticationMessage;
+(function (AuthenticationMessage) {
+  AuthenticationMessage["NotAllowedToRegister"] = "NotAllowedToRegister";
+  AuthenticationMessage["InvalidGoogleToken"] = "InvalidGoogleToken";
+})(AuthenticationMessage || (AuthenticationMessage = {}));
+var Role;
+(function (Role) {
+  Role["Student"] = "Student";
+  Role["Teacher"] = "Teacher";
+  Role["Admin"] = "Admin";
+})(Role || (Role = {}));
+
+var CustomPagination = function CustomPagination(_ref) {
+  var currentPage = _ref.currentPage,
+    totalPage = _ref.totalPage,
+    onChangePage = _ref.onChangePage;
+  return React.createElement(Pagination, {
+    className: "w-fit"
+  }, React.createElement(PaginationItem, {
+    disabled: currentPage <= 1
+  }, React.createElement(PaginationLink, {
+    onClick: function onClick(e) {
+      e.preventDefault();
+      onChangePage(currentPage - 1);
+    },
+    previous: true,
+    href: "#"
+  })), React.createElement(PaginationItem, {
+    active: 1 === currentPage,
+    key: 1
+  }, React.createElement(PaginationLink, {
+    onClick: function onClick(e) {
+      e.preventDefault();
+      onChangePage(1);
+    },
+    href: "#"
+  }, 1)), totalPage > 2 && React.createElement(PaginationItem, {
+    active: 2 === currentPage,
+    key: 1
+  }, React.createElement(PaginationLink, {
+    onClick: function onClick(e) {
+      e.preventDefault();
+      onChangePage(2);
+    },
+    href: "#"
+  }, 2)), currentPage > 4 && currentPage !== totalPage && totalPage !== 5 && React.createElement(PaginationItem, {
+    disabled: true,
+    key: "first"
+  }, React.createElement(PaginationLink, {
+    href: "#"
+  }, "...")), (currentPage === 1 || currentPage === totalPage) && totalPage === 5 && React.createElement(PaginationItem, {
+    key: 3
+  }, React.createElement(PaginationLink, {
+    onClick: function onClick(e) {
+      e.preventDefault();
+      onChangePage(3);
+    },
+    href: "#"
+  }, "3")), [currentPage - 1, currentPage, currentPage + 1].filter(function (page) {
+    return page > 2 && page < totalPage - 1;
+  }).map(function (page) {
+    return React.createElement(PaginationItem, {
+      active: page === currentPage,
+      key: page
+    }, React.createElement(PaginationLink, {
+      onClick: function onClick(e) {
+        e.preventDefault();
+        onChangePage(page);
+      },
+      href: "#"
+    }, page));
+  }), totalPage - currentPage > 4 && React.createElement(PaginationItem, {
+    disabled: true,
+    key: "last"
+  }, React.createElement(PaginationLink, {
+    href: "#"
+  }, "...")), totalPage > 3 && React.createElement(PaginationItem, {
+    active: totalPage - 1 === currentPage,
+    key: totalPage - 1
+  }, React.createElement(PaginationLink, {
+    onClick: function onClick(e) {
+      e.preventDefault();
+      onChangePage(totalPage - 1);
+    },
+    href: "#"
+  }, totalPage - 1)), totalPage > 1 && React.createElement(PaginationItem, {
+    active: totalPage === currentPage,
+    key: totalPage
+  }, React.createElement(PaginationLink, {
+    onClick: function onClick(e) {
+      e.preventDefault();
+      onChangePage(totalPage);
+    },
+    href: "#"
+  }, totalPage)), React.createElement(PaginationItem, {
+    disabled: currentPage >= totalPage
+  }, React.createElement(PaginationLink, {
+    onClick: function onClick(e) {
+      e.preventDefault();
+      onChangePage(currentPage + 1);
+    },
+    next: true,
+    href: "#"
+  })));
+};
+
+var styles = {"core-button":"_xvNBN","primary":"_U9Qyp","secondary":"_1VzMy","text":"_pZNuj"};
+
+var CoreButton = function CoreButton(props) {
+  var _props$type = props.type,
+    type = _props$type === void 0 ? "primary" : _props$type,
+    children = props.children,
+    onClick = props.onClick,
+    icon = props.icon,
+    _props$disabled = props.disabled,
+    disabled = _props$disabled === void 0 ? false : _props$disabled;
+  return React.createElement("button", {
+    className: styles["core-button"] + " " + styles[type],
+    onClick: onClick,
+    disabled: disabled
+  }, icon && icon, children);
+};
+
+var styles$1 = {"core-input":"_1WdX2","error":"_n7n3Q"};
+
+var CoreInput = function CoreInput(props) {
+  var name = props.name,
+    value = props.value,
+    _onChange = props.onChange,
+    _props$disabled = props.disabled,
+    disabled = _props$disabled === void 0 ? false : _props$disabled,
+    label = props.label,
+    width = props.width,
+    _props$placeholder = props.placeholder,
+    placeholder = _props$placeholder === void 0 ? "" : _props$placeholder,
+    error = props.error;
+  return React.createElement("div", {
+    className: styles$1["core-input"] + " " + (error ? styles$1["error"] : ""),
+    style: {
+      width: width != null ? width : "100%"
+    }
+  }, label && React.createElement("label", null, label), React.createElement("input", {
+    name: name,
+    value: value,
+    onChange: function onChange(e) {
+      return _onChange(name, e.target.value);
+    },
+    disabled: disabled,
+    placeholder: placeholder
+  }));
+};
+
+function _extends() {
+  return _extends = Object.assign ? Object.assign.bind() : function (n) {
+    for (var e = 1; e < arguments.length; e++) {
+      var t = arguments[e];
+      for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]);
+    }
+    return n;
+  }, _extends.apply(null, arguments);
+}
+function _objectWithoutPropertiesLoose(r, e) {
+  if (null == r) return {};
+  var t = {};
+  for (var n in r) if ({}.hasOwnProperty.call(r, n)) {
+    if (e.includes(n)) continue;
+    t[n] = r[n];
+  }
+  return t;
+}
+
+var styles$2 = {"core-select":"_2sg12"};
+
+var CoreSelect = function CoreSelect(props) {
+  var _options$find;
+  var name = props.name,
+    options = props.options,
+    value = props.value,
+    _onChange = props.onChange,
+    _props$disabled = props.disabled,
+    disabled = _props$disabled === void 0 ? false : _props$disabled,
+    label = props.label,
+    width = props.width,
+    _props$placeholder = props.placeholder,
+    placeholder = _props$placeholder === void 0 ? "" : _props$placeholder,
+    error = props.error;
+  return React.createElement("div", {
+    className: "" + styles$2["core-select"],
+    style: {
+      width: width != null ? width : "100%"
+    }
+  }, label && React.createElement("label", null, label), React.createElement(Select, {
+    name: name,
+    value: (_options$find = options.find(function (i) {
+      return i.value === value;
+    })) != null ? _options$find : null,
+    onChange: function onChange(e) {
+      return _onChange(name, e === null || e === void 0 ? void 0 : e.value);
+    },
+    placeholder: placeholder,
+    isDisabled: disabled,
+    options: options,
+    styles: {
+      control: function control(base, state) {
+        return _extends({}, base, {
+          borderRadius: "8px",
+          border: state.isFocused ? "2px solid " + (!error ? "#00AFDA" : "#CE3636") : "1px solid " + (!error ? "#E6E6EB" : "#CE3636"),
+          height: "32px",
+          minHeight: 0,
+          fontSize: "14px",
+          fontWeight: "400",
+          padding: "0 4px",
+          backgroundColor: state.isDisabled ? "#F5F9FA)" : "#FFF",
+          boxShadow: "none",
+          "&:hover": {
+            backgroundColor: "#F5F9FA"
+          }
+        });
+      },
+      input: function input(base) {
+        return _extends({}, base, {
+          margin: "0",
+          padding: "0",
+          color: "inherit"
+        });
+      },
+      placeholder: function placeholder(base) {
+        return _extends({}, base, {
+          color: "#A6A6AD",
+          position: "relative",
+          top: "-4px"
+        });
+      },
+      dropdownIndicator: function dropdownIndicator(base) {
+        return _extends({}, base, {
+          position: "relative",
+          top: "-4px"
+        });
+      },
+      indicatorSeparator: function indicatorSeparator() {
+        return {
+          display: "none"
+        };
+      },
+      valueContainer: function valueContainer(base) {
+        return _extends({}, base, {
+          height: "32px"
+        });
+      },
+      singleValue: function singleValue(base) {
+        return _extends({}, base, {
+          position: "relative",
+          top: "-4px"
+        });
+      }
+    }
+  }));
+};
+
+var styles$3 = {"core-checkbox":"_3HY4f"};
+
+var CoreInput$1 = function CoreInput(props) {
+  var name = props.name,
+    checked = props.checked,
+    _onChange = props.onChange,
+    _props$disabled = props.disabled,
+    disabled = _props$disabled === void 0 ? false : _props$disabled,
+    label = props.label;
+  return React.createElement("div", {
+    className: "" + styles$3["core-checkbox"]
+  }, React.createElement(FormGroup, {
+    check: true,
+    inline: true
+  }, React.createElement(Input, {
+    id: "core-checkbox-" + name,
+    type: "checkbox",
+    name: name,
+    checked: checked,
+    onChange: function onChange(e) {
+      return _onChange(name, e.target.checked);
+    },
+    disabled: disabled
+  }), React.createElement(Label, {
+    htmlFor: "core-checkbox-" + name,
+    check: true
+  }, label)));
+};
+
+var styles$4 = {"core-radio":"_kvUpe","form-check":"_3ToPe"};
+
+var CoreRadio = function CoreRadio(props) {
+  var name = props.name,
+    value = props.value,
+    options = props.options,
+    onChange = props.onChange,
+    _props$disabled = props.disabled,
+    disabled = _props$disabled === void 0 ? false : _props$disabled;
+  return React.createElement("div", {
+    className: "" + styles$4["core-radio"]
+  }, React.createElement(FormGroup, {
+    check: true
+  }, options.map(function (i) {
+    return React.createElement("div", {
+      key: i.value
+    }, React.createElement(Input, {
+      id: "core-radio-" + i.value,
+      type: "radio",
+      checked: value === i.value,
+      onClick: function onClick() {
+        onChange(name, i.value);
+      },
+      onChange: function onChange() {
+        return;
+      },
+      disabled: disabled
+    }), React.createElement(Label, {
+      htmlFor: "core-radio-" + i.value
+    }, i.label));
+  })));
+};
+
+var styles$5 = {"core-error":"_1Mmxr"};
+
+var icons = {
+  ErrorRedIcon: "/images/icons/error_red.svg"
+};
+
+var CoreError = function CoreError(props) {
+  var message = props.message;
+  return React.createElement("div", {
+    className: "" + styles$5["core-error"]
+  }, React.createElement("img", {
+    src: icons.ErrorRedIcon,
+    alt: "error-icon"
+  }), React.createElement("p", null, message));
+};
+
+var styles$6 = {"core-modal-header":"_2y5ln"};
+
+var CoreModal = function CoreModal(props) {
+  var open = props.open,
+    onClose = props.onClose,
+    children = props.children,
+    title = props.title;
+  return React.createElement(Modal, {
+    isOpen: open,
+    toggle: onClose,
+    centered: true,
+    className: styles$6["core-modal"]
+  }, React.createElement(ModalHeader, {
+    toggle: onClose,
+    className: styles$6["core-modal-header"]
+  }, title), React.createElement(ModalBody, null, children));
+};
+
+var getErrorMessage = function getErrorMessage(error, defaultErrorMessage) {
+  var _error$response, _error$response$data, _error$response2, _error$response3, _error$response3$data;
+  var errorMessage = error === null || error === void 0 ? void 0 : (_error$response = error.response) === null || _error$response === void 0 ? void 0 : (_error$response$data = _error$response.data) === null || _error$response$data === void 0 ? void 0 : _error$response$data.title;
+  if ((error === null || error === void 0 ? void 0 : (_error$response2 = error.response) === null || _error$response2 === void 0 ? void 0 : _error$response2.status) === 500) return defaultErrorMessage || DefaultErrorMessage;
+  if (typeof errorMessage === "string") return decodeURIComponent(errorMessage);
+  errorMessage = (error === null || error === void 0 ? void 0 : error.message) || (error === null || error === void 0 ? void 0 : (_error$response3 = error.response) === null || _error$response3 === void 0 ? void 0 : (_error$response3$data = _error$response3.data) === null || _error$response3$data === void 0 ? void 0 : _error$response3$data.message);
+  if (typeof errorMessage === "string") return errorMessage;
+  return defaultErrorMessage || DefaultErrorMessage;
+};
+
+var customStyles = {
+  control: function control(baseStyles, state) {
+    return _extends({}, baseStyles, {
+      fontSize: "14px",
+      fontWeight: 700,
+      color: styleGlobal.darker,
+      borderColor: state.isFocused || state.hasValue ? styleGlobal.dark : styleGlobal.less_dark,
+      boxShadow: state.isFocused ? "0 0 0 1px " + styleGlobal.dark + "4D" : baseStyles.boxShadow,
+      "&:active": {
+        borderColor: state.isFocused || state.hasValue ? styleGlobal.dark : styleGlobal.less_dark
+      },
+      "&:hover": {
+        borderColor: state.isFocused || state.hasValue ? styleGlobal.dark : styleGlobal.less_dark
+      }
+    });
+  },
+  input: function input(baseStyles, _) {
+    return _extends({}, baseStyles, {
+      fontSize: "14px",
+      fontWeight: 700,
+      color: styleGlobal.darker
+    });
+  },
+  singleValue: function singleValue(baseStyles) {
+    return _extends({}, baseStyles, {
+      fontSize: "14px",
+      fontWeight: 700,
+      color: styleGlobal.darker
+    });
+  },
+  option: function option(baseStyles, state) {
+    return _extends({}, baseStyles, {
+      backgroundColor: state.isSelected ? styleGlobal.dark : state.isFocused ? styleGlobal.light : 'white',
+      "&:active": {
+        backgroundColor: state.isSelected ? styleGlobal.dark : state.isFocused ? styleGlobal.less_dark : baseStyles.backgroundColor
+      }
+    });
+  }
+};
+
+var DropdownIndicator = function DropdownIndicator(props) {
+  return React.createElement(components.DropdownIndicator, Object.assign({}, props), React.createElement(FaCaretDown, {
+    size: 20,
+    color: styleGlobal.darker
+  }));
+};
+var CustomOption = function CustomOption(props) {
+  return React.createElement(components.Option, Object.assign({}, props), React.createElement("div", {
+    style: {
+      fontSize: "14px",
+      fontWeight: 500
+    }
+  }, props.data.label));
+};
+
+var _excluded = ["isDefault", "defaultValue", "options", "isDisabled", "scrollBottom", "value", "isMulti"];
+var CustomSelect = function CustomSelect(_ref) {
+  var isDefault = _ref.isDefault,
+    options = _ref.options,
+    isDisabled = _ref.isDisabled,
+    scrollBottom = _ref.scrollBottom,
+    value = _ref.value,
+    isMulti = _ref.isMulti,
+    rest = _objectWithoutPropertiesLoose(_ref, _excluded);
+  var initialValues = Array.isArray(value) ? options.filter(function (i) {
+    return value.includes(i.value);
+  }) : isMulti ? options === null || options === void 0 ? void 0 : options.filter(function (i) {
+    return i.value == value;
+  }) : options === null || options === void 0 ? void 0 : options.find(function (i) {
+    return i.value == value;
+  });
+  return React.createElement(Select, Object.assign({
+    isDisabled: isDisabled,
+    options: options,
+    value: !isDefault ? initialValues != null ? initialValues : null : undefined,
+    defaultValue: isDefault ? initialValues : undefined,
+    menuPlacement: scrollBottom ? "top" : "auto",
+    isMulti: isMulti,
+    components: {
+      IndicatorSeparator: function IndicatorSeparator() {
+        return null;
+      },
+      DropdownIndicator: DropdownIndicator,
+      Option: CustomOption
+    },
+    styles: customStyles,
+    placeholder: "Select..."
+  }, rest));
+};
+
+var _excluded$1 = ["isDefault", "defaultValue", "options", "isDisabled", "scrollBottom", "value", "isMulti"];
+var CustomAsyncSelect = function CustomAsyncSelect(_ref) {
+  var isDefault = _ref.isDefault,
+    options = _ref.options,
+    isDisabled = _ref.isDisabled,
+    scrollBottom = _ref.scrollBottom,
+    value = _ref.value,
+    isMulti = _ref.isMulti,
+    rest = _objectWithoutPropertiesLoose(_ref, _excluded$1);
+  var initialValues = Array.isArray(value) ? options.filter(function (i) {
+    return value.includes(i.value);
+  }) : isMulti ? options.filter(function (i) {
+    return i.value == value;
+  }) : options.find(function (i) {
+    return i.value == value;
+  });
+  return React.createElement(Select, Object.assign({
+    isDisabled: isDisabled,
+    options: options,
+    value: !isDefault ? initialValues : undefined,
+    defaultValue: isDefault ? initialValues : undefined,
+    menuPlacement: scrollBottom ? "top" : "auto",
+    isMulti: isMulti,
+    components: {
+      IndicatorSeparator: function IndicatorSeparator() {
+        return null;
+      },
+      DropdownIndicator: DropdownIndicator,
+      Option: CustomOption
+    },
+    styles: customStyles,
+    placeholder: "Select..."
+  }, rest));
+};
+
+var _excluded$2 = ["defaultValue", "options", "isDisabled", "scrollBottom", "value", "isMulti"];
+var CustomCreatable = function CustomCreatable(_ref) {
+  var options = _ref.options,
+    isDisabled = _ref.isDisabled,
+    scrollBottom = _ref.scrollBottom,
+    value = _ref.value,
+    isMulti = _ref.isMulti,
+    rest = _objectWithoutPropertiesLoose(_ref, _excluded$2);
+  var initialValues = Array.isArray(value) ? options.filter(function (i) {
+    return value.includes(i.value);
+  }) : isMulti ? options.filter(function (i) {
+    return i.value == value;
+  }) : options.find(function (i) {
+    return i.value == value;
+  });
+  return React.createElement(CreatableSelect, Object.assign({
+    isClearable: true,
+    isDisabled: isDisabled,
+    options: options,
+    value: initialValues,
+    menuPlacement: scrollBottom ? "top" : "auto",
+    isMulti: isMulti,
+    components: {
+      IndicatorSeparator: function IndicatorSeparator() {
+        return null;
+      },
+      DropdownIndicator: DropdownIndicator,
+      Option: CustomOption
+    },
+    styles: customStyles,
+    placeholder: "Select..."
+  }, rest));
+};
+
+var _excluded$3 = ["defaultValue", "options", "isDisabled", "scrollBottom", "value", "isMulti"];
+var CustomSelectOption = function CustomSelectOption(_ref) {
+  var defaultValue = _ref.defaultValue,
+    options = _ref.options,
+    isDisabled = _ref.isDisabled,
+    scrollBottom = _ref.scrollBottom,
+    value = _ref.value,
+    isMulti = _ref.isMulti,
+    rest = _objectWithoutPropertiesLoose(_ref, _excluded$3);
+  var initialValues = defaultValue !== null && typeof defaultValue !== "undefined" ? options.find(function (option) {
+    return option.value === defaultValue;
+  }) || null : null;
+  return React.createElement(Select, Object.assign({
+    isDisabled: isDisabled,
+    options: options,
+    value: value,
+    defaultValue: initialValues,
+    menuPlacement: scrollBottom ? "top" : "auto",
+    isMulti: isMulti,
+    components: {
+      IndicatorSeparator: function IndicatorSeparator() {
+        return null;
+      },
+      DropdownIndicator: DropdownIndicator,
+      Option: CustomOption
+    },
+    styles: customStyles,
+    placeholder: "Select..."
+  }, rest));
 };
 
 var historyCore = createBrowserHistory();
 
-export { ACCESS_TOKEN, BASE_URL, CommonDialog, ConfirmDialog, LayoutContext, Loading, Login, NotFound, api$1 as api, historyCore, setAlert, setLoading, setUser, store };
+export { ACCESS_TOKEN, BASE_URL, CommonDialog, ConfirmDialog, CoreButton, CoreInput$1 as CoreCheckbox, CoreError, CoreInput, CoreModal, CoreRadio, CoreSelect, CustomAsyncSelect, CustomCreatable, CustomPagination, CustomSelect, CustomSelectOption, LayoutContext, Loading, Login, NotFound, Role, api$1 as api, apiUpload$1 as apiUpload, getErrorMessage, historyCore, setAlert, setLoading, setUser, store, useGoogleSignOut };
 //# sourceMappingURL=index.modern.js.map