acsi-core 0.10.0 → 1.1.0

package/dist/index.modern.js

@@ -17,11 +17,11 @@ import 'katex/dist/katex.min.css';
 import Cookies from 'js-cookie';
 export { default as Cookies } from 'js-cookie';
 import moment from 'moment';
+import { LogLevel, PublicClientApplication } from '@azure/msal-browser';
 import { toast } from 'react-toastify';
 export { ToastContainer, toast } from 'react-toastify';
 import { useGoogleLogout } from '@leecheuk/react-google-login';
 import { Box, Typography } from '@mui/material';
-import '@azure/msal-browser';
 import { Identify, identify, track, setUserId, reset as reset$1, init } from '@amplitude/analytics-browser';
 import { init as init$1, replayIntegration } from '@sentry/react';
 import { FaCaretDown } from 'react-icons/fa';
@@ -624,6 +624,7 @@ var setIsRefetchSidebar = createAction("common/setIsRefetchSidebar");
 var setTenant = createAction("common/setTenant");
 var setAddTenant = createAction("common/setAddTenant");
 var setTeam = createAction("common/setTeam");
+var setIsFirstCalendar = createAction("common/setIsFirstCalendar");
 
 var REQUEST_ORIGIN = process.env.REACT_APP_REQUEST_ORIGIN || "";
 var ADMIN_ORIGIN = process.env.REACT_APP_ADMIN_ORIGIN || "";
@@ -640,6 +641,7 @@ var PUSHER_CONFIG = {
 };
 var MICROSOFT_CLIENT_ID = process.env.REACT_APP_MICROSOFT_CLIENT_ID || "";
 var MICROSOFT_URL_DIRECT = process.env.REACT_APP_MICROSOFT_URL_DIRECT || "";
+var MICROSOFT_SSO_ENABLED = process.env.REACT_APP_MICROSOFT_SSO_ENABLED || "false";
 var OPENSALT_BASE_URL = process.env.REACT_APP_OPENSALT || "";
 var ACCESS_TOKEN = "ACCESS_TOKEN";
 var AUTH_COOKIE = "auth";
@@ -671,25 +673,6 @@ var ORGANIZATION_TEAM = "ORGANIZATION_TEAM";
 
 var styleGlobal = {"signup_wrap":"_1KLz9","box-signin":"_2Jo1o","signin_title":"_3egBO","signup_link":"_1DoIT","google_button":"_34hK_","microsoft_button":"_19ESb","box-field":"_2e9xO","box-input":"_3zXRp","box-text":"_8NJga","box-button-email":"_21FPk","box-signin-container":"_1QERu","box-signin-text":"_2-znH","box-signin-logo":"_1aB2m","box-right":"_3qndF","image-slideshow":"_1aM7m","active":"_Vx1zf","box-right-body":"_JzdCr","box-right-footer":"_19aCA","pr-30":"_2HB5r","width-400":"_4ehXP"};
 
-// 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;
-}
-
 function _arrayLikeToArray(r, a) {
   (null == a || a > r.length) && (a = r.length);
   for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e];
@@ -738,6 +721,25 @@ function _unsupportedIterableToArray(r, a) {
   }
 }
 
+// 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 = {"core-button":"_xvNBN","primary":"_U9Qyp","secondary":"_1VzMy","text":"_pZNuj","danger":"_2uYm1","light":"_wxH5S"};
 
 var _excluded = ["type", "children", "onClick", "icon", "disabled", "htmlType"];
@@ -1097,12 +1099,16 @@ var CoreModal = function CoreModal(props) {
     onSubmit = props.onSubmit,
     _props$bodyPadding = props.bodyPadding,
     bodyPadding = _props$bodyPadding === void 0 ? "24px" : _props$bodyPadding,
-    className = props.className;
+    className = props.className,
+    _props$disableBackdro = props.disableBackdropClick,
+    disableBackdropClick = _props$disableBackdro === void 0 ? false : _props$disableBackdro;
   return React.createElement(Modal, {
     isOpen: open,
-    toggle: onClose,
+    toggle: disableBackdropClick ? undefined : onClose,
     centered: true,
-    modalClassName: className
+    modalClassName: className,
+    backdrop: disableBackdropClick ? "static" : true,
+    keyboard: !disableBackdropClick
   }, React.createElement("form", {
     onSubmit: onSubmit ? handleSubmit(onSubmit) : undefined,
     className: "" + styles$6["core-modal-container"]
@@ -1370,7 +1376,7 @@ var CoreSearch = function CoreSearch(props) {
 var styles$a = {"core-select-compact":"_3ql5D","label":"_3fPQC"};
 
 var Option$1 = function Option(props) {
-  return React.createElement("div", null, React.createElement(components.Option, Object.assign({}, props), React.createElement(CoreInput$1, {
+  return React.createElement("div", null, React.createElement(components.Option, Object.assign({}, props), props.data.hiddenCheckbox ? React.createElement("span", null, props.label) : React.createElement(CoreInput$1, {
     checked: props.isSelected,
     onChange: function onChange() {
       return null;
@@ -1479,6 +1485,10 @@ var CoreSelectCompact = function CoreSelectCompact(props) {
         backgroundColor: COLORS.lightBlueHover
       }
     });
+    if (state.data.border) {
+      styles.borderTop = "1px solid #E6E6EB";
+      styles.borderRadius = "0px";
+    }
     return styles;
   };
   var multiValueStyles = function multiValueStyles(base) {
@@ -2322,6 +2332,56 @@ var TypeLogin;
   TypeLogin[TypeLogin["Microsoft"] = 3] = "Microsoft";
 })(TypeLogin || (TypeLogin = {}));
 
+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 msalConfig = function msalConfig(clientId, redirectUri) {
+  return {
+    auth: {
+      clientId: clientId,
+      authority: "https://login.microsoftonline.com/common",
+      redirectUri: redirectUri
+    },
+    cache: {
+      cacheLocation: "sessionStorage",
+      storeAuthStateInCookie: false
+    },
+    system: {
+      loggerOptions: {
+        loggerCallback: function loggerCallback(level, message, containsPii) {
+          if (containsPii) {
+            return;
+          }
+          switch (level) {
+            case LogLevel.Error:
+              console.error(message);
+              return;
+            case LogLevel.Info:
+              console.info(message);
+              return;
+            case LogLevel.Verbose:
+              console.debug(message);
+              return;
+            case LogLevel.Warning:
+              console.warn(message);
+              return;
+            default:
+              return;
+          }
+        }
+      }
+    }
+  };
+};
+
 var BlockLogin = function BlockLogin(_ref) {
   var onNavigate = _ref.onNavigate,
     role = _ref.role,
@@ -2456,6 +2516,91 @@ var BlockLogin = function BlockLogin(_ref) {
       return console.log(errorResponse);
     }
   });
+  var fnLoginMicrosoft = function fnLoginMicrosoft() {
+    try {
+      var msalInstance = new PublicClientApplication(msalConfig(MICROSOFT_CLIENT_ID, MICROSOFT_URL_DIRECT));
+      if (!msalInstance) {
+        console.error("MSAL instance not initialized");
+        return Promise.resolve();
+      }
+      return Promise.resolve(_catch(function () {
+        return Promise.resolve(msalInstance.initialize()).then(function () {
+          var loginRequest = {
+            scopes: ["openid", "profile", "email"]
+          };
+          var silentRequest = _extends$1({}, loginRequest, {
+            prompt: "select_account"
+          });
+          return Promise.resolve(msalInstance.loginPopup(silentRequest)).then(function (response) {
+            return function () {
+              if (response && response.account) {
+                var account = response.account;
+                var fullName = (account === null || account === void 0 ? void 0 : account.name) || "";
+                var infoLogin = {
+                  firstName: fullName.split(' ').slice(0, -1).join(' '),
+                  lastName: fullName.split(' ').slice(-1).join(' '),
+                  fullName: fullName,
+                  imageUrl: "",
+                  email: (account === null || account === void 0 ? void 0 : account.username) || "",
+                  token: (response === null || response === void 0 ? void 0 : response.accessToken) || "",
+                  googleId: (account === null || account === void 0 ? void 0 : account.homeAccountId) || "",
+                  role: role,
+                  type: TypeLogin.Microsoft
+                };
+                dispatch(setLoading(true));
+                return Promise.resolve(apiLoginGoogle(infoLogin)).then(function (authResult) {
+                  var _authResult$data2;
+                  if (((_authResult$data2 = authResult.data) === null || _authResult$data2 === void 0 ? void 0 : _authResult$data2.id) == null) {
+                    dispatch(setLoading(false));
+                    alert("Please contact admin.");
+                    return;
+                  }
+                  localStorage.clear();
+                  var tokenJWT = authResult.data.token;
+                  trackEvent === null || trackEvent === void 0 ? void 0 : trackEvent({
+                    eventName: AmplitudeEvent.LOGIN,
+                    eventProperties: {
+                      email: email,
+                      login_method: 'microsoft',
+                      user_role: authResult.data.role,
+                      success: true,
+                      timestamp: new Date().toISOString()
+                    }
+                  });
+                  if (role === "LandingPage") {
+                    CookieService.setAuthCookie({
+                      token: tokenJWT,
+                      expiresAt: Date.now() + 24 * 60 * 60 * 1000
+                    });
+                    var getRedirectUrl = function getRedirectUrl(role) {
+                      switch (role) {
+                        case "Admin":
+                          return ADMIN_ORIGIN;
+                        case "Teacher":
+                          return TEACHER_ORIGIN;
+                        default:
+                          return role + "." + REQUEST_ORIGIN;
+                      }
+                    };
+                    var redirectUrl = getRedirectUrl(authResult.data.role);
+                    window.location.href = redirectUrl + "/dashboard";
+                    dispatch(setLoading(false));
+                  }
+                  localStorage.setItem(ACCESS_TOKEN, tokenJWT);
+                  onNavigate("/dashboard");
+                  dispatch(setLoading(false));
+                });
+              }
+            }();
+          });
+        });
+      }, function (error) {
+        console.error("Microsoft login error:", error);
+      }));
+    } catch (e) {
+      return Promise.reject(e);
+    }
+  };
   React.useEffect(function () {
     return function () {
       if (resendTimer) {
@@ -2563,7 +2708,18 @@ var BlockLogin = function BlockLogin(_ref) {
     height: 24,
     alt: "Google sign-in",
     src: "/images/icons/Google__G__logo.png"
-  }), "Sign in with Google")), React.createElement("span", {
+  }), "Sign in with Google")), MICROSOFT_SSO_ENABLED === "true" && React.createElement("div", {
+    className: "" + styleGlobal["microsoft_button"]
+  }, React.createElement("button", {
+    onClick: function onClick() {
+      return fnLoginMicrosoft();
+    }
+  }, React.createElement("img", {
+    width: 24,
+    height: 24,
+    alt: "Google sign-in",
+    src: "/images/Single-Sign-On-logo.png"
+  }), "Sign in with Microsoft")), React.createElement("span", {
     className: "" + styleGlobal["box-field"]
   }, "OR"), React.createElement("div", {
     className: "" + styleGlobal["box-input"]
@@ -3164,7 +3320,8 @@ var initialState = {
   user: null,
   academy: null,
   menuCollapse: false,
-  isRefetchSidebar: false
+  isRefetchSidebar: false,
+  isFirstCalendar: false
 };
 var commonReducer = createReducer(initialState, function (builder) {
   builder.addCase(setLoading, function (state, action) {
@@ -3189,6 +3346,8 @@ var commonReducer = 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;
   });
 });
 
@@ -3394,18 +3553,6 @@ var CommonDialog = function CommonDialog(_ref) {
   }, 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,
@@ -3677,15 +3824,13 @@ var useAmplitude = function useAmplitude() {
 };
 
 var initializeAmplitude = function initializeAmplitude(apiKey) {
-  if (process.env.NODE_ENV === 'production' || process.env.REACT_APP_ENABLE_AMPLITUDE === 'true') {
-    init(apiKey, {
-      defaultTracking: {
-        pageViews: true,
-        sessions: true,
-        formInteractions: true
-      }
-    });
-  }
+  init(apiKey, {
+    defaultTracking: {
+      pageViews: true,
+      sessions: true,
+      formInteractions: true
+    }
+  });
 };
 
 function initSentry(dsn, release) {
@@ -3910,7 +4055,17 @@ var utcToLocalTime = (function (time, FORMAT) {
   }
 });
 
+var timeSpanToLocalMoment = (function (time) {
+  if (!time) return null;
+  var times = time.split(":");
+  if (times.length !== 3) return null;
+  var totalSeconds = +times[0] * 60 * 60 + +times[1] * 60 + +times[2];
+  var startOfDay = moment.utc().startOf("day");
+  var dateTime = startOfDay.add(totalSeconds, "seconds");
+  return dateTime.local();
+});
+
 var historyCore = createBrowserHistory();
 
-export { ACCESS_TOKEN, AmplitudeEvent, BASE_URL, CommonDialog, ConfirmDialog, CoreButton, CoreInput$1 as CoreCheckbox, CoreError, CoreInput, CoreInputCompact, CoreModal, CoreRadio, CoreRange, CoreSearch, CoreSelect, CoreSelectCompact, CoreTextArea, CoreTitleInput, CoreTooltip, CustomAsyncSelect, CustomCreatable, CustomPagination, CustomSelect, CustomSelectOption, DATE_TIME_MIN_VALUE, LayoutContext, Loading, Login, MarkdownRenderer as MarkdownLatexRender, NotFound, OPENSALT_BASE_URL, ORGANIZATION_TEAM, ORGANIZATION_TENANT, Role, api, apiUpload, firstCheckToken, getAccessToken, getErrorMessage, getImageUrl, historyCore, initSentry, initializeAmplitude, setAddTenant, setAlert, setIsRefetchSidebar, setLoading, setLoadingPage, setMenuCollapse, setTeam, setTenant, setUser, store, useAmplitude, useGoogleSignOut, utcToLocalTime };
+export { ACCESS_TOKEN, AmplitudeEvent, BASE_URL, CommonDialog, ConfirmDialog, CoreButton, CoreInput$1 as CoreCheckbox, CoreError, CoreInput, CoreInputCompact, CoreModal, CoreRadio, CoreRange, CoreSearch, CoreSelect, CoreSelectCompact, CoreTextArea, CoreTitleInput, CoreTooltip, CustomAsyncSelect, CustomCreatable, CustomPagination, CustomSelect, CustomSelectOption, DATE_TIME_MIN_VALUE, LayoutContext, Loading, Login, MarkdownRenderer as MarkdownLatexRender, NotFound, OPENSALT_BASE_URL, ORGANIZATION_TEAM, ORGANIZATION_TENANT, Role, api, apiUpload, firstCheckToken, getAccessToken, getErrorMessage, getImageUrl, historyCore, initSentry, initializeAmplitude, setAddTenant, setAlert, setIsFirstCalendar, setIsRefetchSidebar, setLoading, setLoadingPage, setMenuCollapse, setTeam, setTenant, setUser, store, timeSpanToLocalMoment, useAmplitude, useGoogleSignOut, utcToLocalTime };
 //# sourceMappingURL=index.modern.js.map