acsi-core 0.9.31 → 0.9.32

package/dist/index.js

@@ -1,6 +1,5 @@
 function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'default' in ex) ? ex['default'] : ex; }
 
-var history = require('history');
 var toolkit = require('@reduxjs/toolkit');
 var React = require('react');
 var React__default = _interopDefault(React);
@@ -29,6 +28,592 @@ var Sentry = require('@sentry/react');
 var fa = require('react-icons/fa');
 var CreatableSelect = _interopDefault(require('react-select/creatable'));
 
+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;
+}
+
 var setLoading = toolkit.createAction("common/setLoading");
 var setLoadingPage = toolkit.createAction("common/setLoadingPage");
 var setAlert = toolkit.createAction("common/setAlert");
@@ -40,6 +625,7 @@ var setIsRefetchSidebar = toolkit.createAction("common/setIsRefetchSidebar");
 var setTenant = toolkit.createAction("common/setTenant");
 var setAddTenant = toolkit.createAction("common/setAddTenant");
 var setTeam = toolkit.createAction("common/setTeam");
+var setIsFirstCalendar = toolkit.createAction("common/setIsFirstCalendar");
 
 var REQUEST_ORIGIN = process.env.REACT_APP_REQUEST_ORIGIN || "";
 var ADMIN_ORIGIN = process.env.REACT_APP_ADMIN_ORIGIN || "";
@@ -109,14 +695,14 @@ function _createForOfIteratorHelperLoose(r, e) {
   }
   throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
 }
-function _extends() {
-  return _extends = Object.assign ? Object.assign.bind() : function (n) {
+function _extends$1() {
+  return _extends$1 = 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);
+  }, _extends$1.apply(null, arguments);
 }
 function _objectWithoutPropertiesLoose(r, e) {
   if (null == r) return {};
@@ -243,28 +829,14 @@ var CoreInput = function CoreInput(props) {
 var styles$3 = {"core-select":"_2sg12","label":"_1-XBo"};
 
 var Option = function Option(props) {
-  return React__default.createElement("div", null, React__default.createElement(ReactSelect.components.Option, Object.assign({}, props, {
-    onClick: function onClick(e) {
-      var _props$innerProps;
-      if (props !== null && props !== void 0 && props.action) {
-        e.preventDefault();
-        e.stopPropagation();
-        props === null || props === void 0 ? void 0 : props.action();
-        console.log("`Action executed");
-        return;
-      }
-      if ((_props$innerProps = props.innerProps) !== null && _props$innerProps !== void 0 && _props$innerProps.onClick) {
-        props.innerProps.onClick(e);
-      }
-    }
-  }), props.isMulti ? React__default.createElement(CoreInput$1, {
+  return React__default.createElement("div", null, React__default.createElement(ReactSelect.components.Option, Object.assign({}, props), React__default.createElement(CoreInput$1, {
     checked: props.isSelected,
     onChange: function onChange() {
       return null;
     },
     name: "",
     label: props.label
-  }) : props.children));
+  })));
 };
 var CoreSelect = function CoreSelect(props) {
   var name = props.name,
@@ -295,7 +867,7 @@ var CoreSelect = function CoreSelect(props) {
     onChange(name, newValue);
   };
   var controlStyle = function controlStyle(base, state) {
-    var styles = _extends({}, base, {
+    var styles = _extends$1({}, base, {
       fontSize: "14px",
       fontWeight: "400",
       padding: "0 4px",
@@ -324,7 +896,7 @@ var CoreSelect = function CoreSelect(props) {
     return styles;
   };
   var inputStyles = function inputStyles(base) {
-    var styles = _extends({}, base, {
+    var styles = _extends$1({}, base, {
       margin: "0",
       padding: "0",
       color: "inherit"
@@ -332,13 +904,13 @@ var CoreSelect = function CoreSelect(props) {
     return styles;
   };
   var placeholderStyles = function placeholderStyles(base) {
-    var styles = _extends({}, base, {
+    var styles = _extends$1({}, base, {
       color: COLORS.lightGray
     });
     return styles;
   };
   var dropdownIndicatorStyles = function dropdownIndicatorStyles(base) {
-    var styles = _extends({}, base, {
+    var styles = _extends$1({}, base, {
       position: "relative",
       top: "-4px",
       padding: "8px 0"
@@ -346,7 +918,7 @@ var CoreSelect = function CoreSelect(props) {
     return styles;
   };
   var valueContainerStyles = function valueContainerStyles(base) {
-    var styles = _extends({}, base, {
+    var styles = _extends$1({}, base, {
       height: isMulti ? undefined : "32px",
       position: "relative",
       top: "-3px"
@@ -354,11 +926,11 @@ var CoreSelect = function CoreSelect(props) {
     return styles;
   };
   var singleValueStyles = function singleValueStyles(base) {
-    var styles = _extends({}, base);
+    var styles = _extends$1({}, base);
     return styles;
   };
   var optionStyles = function optionStyles(base, state) {
-    var styles = _extends({}, base, {
+    var styles = _extends$1({}, base, {
       padding: "8px",
       borderRadius: "8px",
       cursor: "pointer",
@@ -372,13 +944,13 @@ var CoreSelect = function CoreSelect(props) {
     return styles;
   };
   var indicatorsContainerStyles = function indicatorsContainerStyles(base) {
-    var styles = _extends({}, base, {
+    var styles = _extends$1({}, base, {
       display: type === "no-outline" ? "none" : "block"
     });
     return styles;
   };
   var multiValueStyles = function multiValueStyles(base) {
-    var styles = _extends({}, base, {
+    var styles = _extends$1({}, base, {
       backgroundColor: COLORS.lightBlue,
       borderRadius: "4px",
       padding: "2px 8px",
@@ -390,14 +962,14 @@ var CoreSelect = function CoreSelect(props) {
     return styles;
   };
   var multiValueRemoveStyles = function multiValueRemoveStyles(base) {
-    var styles = _extends({}, base, {
+    var styles = _extends$1({}, base, {
       color: COLORS.lightGray,
       cursor: "pointer"
     });
     return styles;
   };
   var multiValueLabelStyles = function multiValueLabelStyles(base) {
-    var styles = _extends({}, base, {
+    var styles = _extends$1({}, base, {
       color: COLORS.blackText,
       fontWeight: "400",
       fontSize: "13px",
@@ -424,9 +996,9 @@ var CoreSelect = function CoreSelect(props) {
     closeMenuOnSelect: closeMenuOnSelect,
     hideSelectedOptions: hideSelectedOptions,
     options: options,
-    components: {
+    components: isMulti ? {
       Option: Option
-    },
+    } : undefined,
     styles: {
       control: controlStyle,
       input: inputStyles,
@@ -836,7 +1408,7 @@ var CoreSelectCompact = function CoreSelectCompact(props) {
     onChange(name, newValue);
   };
   var controlStyle = function controlStyle(base, state) {
-    var styles = _extends({}, base, {
+    var styles = _extends$1({}, base, {
       fontSize: "14px",
       fontWeight: "400",
       backgroundColor: state.isDisabled ? "transparent" : error ? COLORS.lightYellow : COLORS.white,
@@ -857,7 +1429,7 @@ var CoreSelectCompact = function CoreSelectCompact(props) {
     return styles;
   };
   var inputStyles = function inputStyles(base) {
-    var styles = _extends({}, base, {
+    var styles = _extends$1({}, base, {
       margin: "0",
       padding: "0",
       color: "inherit",
@@ -867,37 +1439,37 @@ var CoreSelectCompact = function CoreSelectCompact(props) {
     return styles;
   };
   var placeholderStyles = function placeholderStyles(base) {
-    var styles = _extends({}, base, {
+    var styles = _extends$1({}, base, {
       color: COLORS.lightGray
     });
     return styles;
   };
   var dropdownIndicatorStyles = function dropdownIndicatorStyles(base) {
-    var styles = _extends({}, base, {
+    var styles = _extends$1({}, base, {
       position: "relative",
       padding: "2px 0"
     });
     return styles;
   };
   var indicatorsContainerStyles = function indicatorsContainerStyles(base) {
-    var styles = _extends({}, base, {
+    var styles = _extends$1({}, base, {
       display: isShowDropdown && !isMulti ? "block" : "none"
     });
     return styles;
   };
   var valueContainerStyles = function valueContainerStyles(base) {
-    var styles = _extends({}, base, {
+    var styles = _extends$1({}, base, {
       height: isMulti ? undefined : "26px",
       position: "relative"
     });
     return styles;
   };
   var singleValueStyles = function singleValueStyles(base) {
-    var styles = _extends({}, base);
+    var styles = _extends$1({}, base);
     return styles;
   };
   var optionStyles = function optionStyles(base, state) {
-    var styles = _extends({}, base, {
+    var styles = _extends$1({}, base, {
       padding: "8px",
       borderRadius: "8px",
       cursor: "pointer",
@@ -912,7 +1484,7 @@ var CoreSelectCompact = function CoreSelectCompact(props) {
     return styles;
   };
   var multiValueStyles = function multiValueStyles(base) {
-    var styles = _extends({}, base, {
+    var styles = _extends$1({}, base, {
       backgroundColor: COLORS.lightBlue,
       borderRadius: "4px",
       padding: "0 4px",
@@ -924,14 +1496,14 @@ var CoreSelectCompact = function CoreSelectCompact(props) {
     return styles;
   };
   var multiValueRemoveStyles = function multiValueRemoveStyles(base) {
-    var styles = _extends({}, base, {
+    var styles = _extends$1({}, base, {
       color: COLORS.lightGray,
       cursor: "pointer"
     });
     return styles;
   };
   var multiValueLabelStyles = function multiValueLabelStyles(base) {
-    var styles = _extends({}, base, {
+    var styles = _extends$1({}, base, {
       color: COLORS.blackText,
       fontWeight: "400",
       fontSize: "13px",
@@ -1946,7 +2518,7 @@ var BlockLogin = function BlockLogin(_ref) {
           var loginRequest = {
             scopes: ["openid", "profile", "email"]
           };
-          var silentRequest = _extends({}, loginRequest, {
+          var silentRequest = _extends$1({}, loginRequest, {
             prompt: "select_account"
           });
           return Promise.resolve(msalInstance.loginPopup(silentRequest)).then(function (response) {
@@ -2627,7 +3199,7 @@ function kindOf(val) {
 }
 
 // src/utils/warning.ts
-function warning(message) {
+function warning$1(message) {
   if (typeof console !== "undefined" && typeof console.error === "function") {
     console.error(message);
   }
@@ -2680,7 +3252,7 @@ function combineReducers(reducers) {
     const key = reducerKeys[i];
     if (process.env.NODE_ENV !== "production") {
       if (typeof reducers[key] === "undefined") {
-        warning(`No reducer provided for key "${key}"`);
+        warning$1(`No reducer provided for key "${key}"`);
       }
     }
     if (typeof reducers[key] === "function") {
@@ -2705,7 +3277,7 @@ function combineReducers(reducers) {
     if (process.env.NODE_ENV !== "production") {
       const warningMessage = getUnexpectedStateShapeWarningMessage(state, finalReducers, action, unexpectedKeyCache);
       if (warningMessage) {
-        warning(warningMessage);
+        warning$1(warningMessage);
       }
     }
     let hasChanged = false;
@@ -2737,7 +3309,8 @@ var initialState = {
   user: null,
   academy: null,
   menuCollapse: false,
-  isRefetchSidebar: false
+  isRefetchSidebar: false,
+  isFirstCalendar: false
 };
 var commonReducer = toolkit.createReducer(initialState, function (builder) {
   builder.addCase(setLoading, function (state, action) {
@@ -2762,6 +3335,8 @@ var commonReducer = toolkit.createReducer(initialState, function (builder) {
     state.user.tenantInfo = action.payload;
   }).addCase(setTeam, function (state, action) {
     state.user.currentTeamId = action.payload;
+  }).addCase(setIsFirstCalendar, function (state) {
+    state.isFirstCalendar = !state.isFirstCalendar;
   });
 });
 
@@ -3073,7 +3648,7 @@ var useAmplitude = function useAmplitude() {
   var savedUserProperties = React.useRef({});
   var hasTrackedInitialSession = React.useRef(false);
   var setUserProperties = React.useCallback(function (properties) {
-    savedUserProperties.current = _extends({}, savedUserProperties.current, properties);
+    savedUserProperties.current = _extends$1({}, savedUserProperties.current, properties);
     var identify = new amplitude.Identify();
     Object.entries(properties).forEach(function (_ref) {
       var key = _ref[0],
@@ -3085,7 +3660,7 @@ var useAmplitude = function useAmplitude() {
   var trackEvent = React.useCallback(function (_ref2) {
     var eventName = _ref2.eventName,
       eventProperties = _ref2.eventProperties;
-    amplitude.track(eventName, _extends({}, savedUserProperties.current, eventProperties, {
+    amplitude.track(eventName, _extends$1({}, savedUserProperties.current, eventProperties, {
       timestamp: new Date().toISOString()
     }));
   }, []);
@@ -3272,7 +3847,7 @@ var getErrorMessage = function getErrorMessage(error, defaultErrorMessage) {
 
 var customStyles = {
   control: function control(baseStyles, state) {
-    return _extends({}, baseStyles, {
+    return _extends$1({}, baseStyles, {
       fontSize: "14px",
       fontWeight: 700,
       color: styleGlobal.darker,
@@ -3287,21 +3862,21 @@ var customStyles = {
     });
   },
   input: function input(baseStyles, _) {
-    return _extends({}, baseStyles, {
+    return _extends$1({}, baseStyles, {
       fontSize: "14px",
       fontWeight: 700,
       color: styleGlobal.darker
     });
   },
   singleValue: function singleValue(baseStyles) {
-    return _extends({}, baseStyles, {
+    return _extends$1({}, baseStyles, {
       fontSize: "14px",
       fontWeight: 700,
       color: styleGlobal.darker
     });
   },
   option: function option(baseStyles, state) {
-    return _extends({}, baseStyles, {
+    return _extends$1({}, baseStyles, {
       backgroundColor: state.isSelected ? styleGlobal.dark : state.isFocused ? styleGlobal.light : 'white',
       "&:active": {
         backgroundColor: state.isSelected ? styleGlobal.dark : state.isFocused ? styleGlobal.less_dark : baseStyles.backgroundColor
@@ -3479,26 +4054,26 @@ var timeSpanToLocalMoment = (function (time) {
   return dateTime.local();
 });
 
-var historyCore = history.createBrowserHistory();
+var historyCore = createBrowserHistory();
 
 Object.defineProperty(exports, 'GoogleOAuthProvider', {
-    enumerable: true,
-    get: function () {
-        return google.GoogleOAuthProvider;
-    }
+  enumerable: true,
+  get: function () {
+    return google.GoogleOAuthProvider;
+  }
 });
 exports.Cookies = Cookies;
 Object.defineProperty(exports, 'ToastContainer', {
-    enumerable: true,
-    get: function () {
-        return reactToastify.ToastContainer;
-    }
+  enumerable: true,
+  get: function () {
+    return reactToastify.ToastContainer;
+  }
 });
 Object.defineProperty(exports, 'toast', {
-    enumerable: true,
-    get: function () {
-        return reactToastify.toast;
-    }
+  enumerable: true,
+  get: function () {
+    return reactToastify.toast;
+  }
 });
 exports.ACCESS_TOKEN = ACCESS_TOKEN;
 exports.BASE_URL = BASE_URL;
@@ -3543,6 +4118,7 @@ exports.initSentry = initSentry;
 exports.initializeAmplitude = initializeAmplitude;
 exports.setAddTenant = setAddTenant;
 exports.setAlert = setAlert;
+exports.setIsFirstCalendar = setIsFirstCalendar;
 exports.setIsRefetchSidebar = setIsRefetchSidebar;
 exports.setLoading = setLoading;
 exports.setLoadingPage = setLoadingPage;