acsi-core 0.10.0 → 1.1.0

package/dist/components/CoreModal/index.d.ts

@@ -9,6 +9,7 @@ interface IProps {
     onSubmit?: any;
     bodyPadding?: string;
     className?: string;
+    disableBackdropClick?: boolean;
 }
 declare const CoreModal: (props: IProps) => React.JSX.Element;
 export default CoreModal;

package/dist/components/CoreSelectCompact/index.d.ts

@@ -2,6 +2,8 @@ import React from "react";
 interface IOprion {
     label: string;
     value: string;
+    hiddenCheckbox?: boolean;
+    border?: boolean;
 }
 interface IProps {
     name?: string;

package/dist/components/MSALRedirectHandler/index.d.ts

@@ -0,0 +1,14 @@
+/**
+ * MSALRedirectHandler component
+ *
+ * This component handles MSAL redirect authentication flows by processing
+ * the hash fragment in the URL before any router code can clear it.
+ *
+ * Uses useLayoutEffect to run synchronously before browser paint,
+ * ensuring it processes the redirect before React Router initializes.
+ *
+ * This component uses the singleton MSAL instance to avoid conflicts
+ * and ensure consistent state management.
+ */
+declare const MSALRedirectHandler: () => null;
+export default MSALRedirectHandler;

package/dist/index.d.ts

@@ -1,5 +1,5 @@
 declare const historyCore: import("history").History<unknown>;
-import { setLoading, setAlert, setTenant, setAddTenant, setTeam, setUser, setMenuCollapse, setIsRefetchSidebar, setLoadingPage } from "./redux/commons/action";
+import { setLoading, setAlert, setTenant, setAddTenant, setTeam, setUser, setMenuCollapse, setIsRefetchSidebar, setLoadingPage, setIsFirstCalendar } from "./redux/commons/action";
 import { BASE_URL, ACCESS_TOKEN, DATE_TIME_MIN_VALUE, OPENSALT_BASE_URL, ORGANIZATION_TEAM, ORGANIZATION_TENANT } from "./utils/constants";
 import Login from "./containers/Login/views/Login";
 import store from "./store";
@@ -28,5 +28,6 @@ import CustomAsyncSelect from "./components/Selects/CustomAsyncSelect";
 import CustomCreatable from "./components/Selects/CustomCreatable";
 import CustomSelectOption from "./components/Selects/CustomSelectOption";
 import utcToLocalTime from "./utils/utcToLocalTime";
+import timeSpanToLocalMoment from "./utils/timeSpanToLocalMoment";
 import Cookies from "js-cookie";
-export { setLoading, setLoadingPage, BASE_URL, OPENSALT_BASE_URL, ACCESS_TOKEN, DATE_TIME_MIN_VALUE, ORGANIZATION_TEAM, ORGANIZATION_TENANT, firstCheckToken, getImageUrl, Login, utcToLocalTime, getAccessToken, store, historyCore, setAlert, setUser, setTenant, setAddTenant, setTeam, setMenuCollapse, setIsRefetchSidebar, Loading, NotFound, LayoutContext, api, apiUpload, ConfirmDialog, CommonDialog, ToastContainer, toast, Role, Cookies, CustomPagination, useGoogleSignOut, CoreButton, CoreInput, CoreSelect, CoreCheckbox, CoreRadio, CoreError, CoreModal, CoreRange, CoreTextArea, CoreSearch, CoreSelectCompact, CoreInputCompact, CoreTitleInput, CoreTooltip, getErrorMessage, MarkdownLatexRender, CustomSelect, CustomAsyncSelect, CustomCreatable, CustomSelectOption, GoogleOAuthProvider, useAmplitude, AmplitudeEvent, initializeAmplitude, initSentry };
+export { setLoading, setLoadingPage, setIsFirstCalendar, BASE_URL, OPENSALT_BASE_URL, ACCESS_TOKEN, DATE_TIME_MIN_VALUE, ORGANIZATION_TEAM, ORGANIZATION_TENANT, firstCheckToken, getImageUrl, Login, utcToLocalTime, timeSpanToLocalMoment, getAccessToken, store, historyCore, setAlert, setUser, setTenant, setAddTenant, setTeam, setMenuCollapse, setIsRefetchSidebar, Loading, NotFound, LayoutContext, api, apiUpload, ConfirmDialog, CommonDialog, ToastContainer, toast, Role, Cookies, CustomPagination, useGoogleSignOut, CoreButton, CoreInput, CoreSelect, CoreCheckbox, CoreRadio, CoreError, CoreModal, CoreRange, CoreTextArea, CoreSearch, CoreSelectCompact, CoreInputCompact, CoreTitleInput, CoreTooltip, getErrorMessage, MarkdownLatexRender, CustomSelect, CustomAsyncSelect, CustomCreatable, CustomSelectOption, GoogleOAuthProvider, useAmplitude, AmplitudeEvent, initializeAmplitude, initSentry };

package/dist/index.js

@@ -19,10 +19,10 @@ var rehypeRaw = _interopDefault(require('rehype-raw'));
 require('katex/dist/katex.min.css');
 var Cookies = _interopDefault(require('js-cookie'));
 var moment = _interopDefault(require('moment'));
+var msalBrowser = require('@azure/msal-browser');
 var reactToastify = require('react-toastify');
 var reactGoogleLogin = require('@leecheuk/react-google-login');
 var material = require('@mui/material');
-require('@azure/msal-browser');
 var amplitude = require('@amplitude/analytics-browser');
 var Sentry = require('@sentry/react');
 var fa = require('react-icons/fa');
@@ -625,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 || "";
@@ -641,6 +642,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";
@@ -672,25 +674,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];
@@ -739,6 +722,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"];
@@ -1098,12 +1100,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__default.createElement(reactstrap.Modal, {
     isOpen: open,
-    toggle: onClose,
+    toggle: disableBackdropClick ? undefined : onClose,
     centered: true,
-    modalClassName: className
+    modalClassName: className,
+    backdrop: disableBackdropClick ? "static" : true,
+    keyboard: !disableBackdropClick
   }, React__default.createElement("form", {
     onSubmit: onSubmit ? handleSubmit(onSubmit) : undefined,
     className: "" + styles$6["core-modal-container"]
@@ -1371,7 +1377,7 @@ var CoreSearch = function CoreSearch(props) {
 var styles$a = {"core-select-compact":"_3ql5D","label":"_3fPQC"};
 
 var Option$1 = function Option(props) {
-  return React__default.createElement("div", null, React__default.createElement(ReactSelect.components.Option, Object.assign({}, props), React__default.createElement(CoreInput$1, {
+  return React__default.createElement("div", null, React__default.createElement(ReactSelect.components.Option, Object.assign({}, props), props.data.hiddenCheckbox ? React__default.createElement("span", null, props.label) : React__default.createElement(CoreInput$1, {
     checked: props.isSelected,
     onChange: function onChange() {
       return null;
@@ -1480,6 +1486,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,55 @@ var TypeLogin;
   TypeLogin[TypeLogin["Microsoft"] = 3] = "Microsoft";
 })(TypeLogin || (TypeLogin = {}));
 
+var AuthenticationMessage;
+(function (AuthenticationMessage) {
+  AuthenticationMessage["NotAllowedToRegister"] = "NotAllowedToRegister";
+  AuthenticationMessage["InvalidGoogleToken"] = "InvalidGoogleToken";
+})(AuthenticationMessage || (AuthenticationMessage = {}));
+(function (Role) {
+  Role["Student"] = "Student";
+  Role["Teacher"] = "Teacher";
+  Role["Admin"] = "Admin";
+})(exports.Role || (exports.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 msalBrowser.LogLevel.Error:
+              console.error(message);
+              return;
+            case msalBrowser.LogLevel.Info:
+              console.info(message);
+              return;
+            case msalBrowser.LogLevel.Verbose:
+              console.debug(message);
+              return;
+            case msalBrowser.LogLevel.Warning:
+              console.warn(message);
+              return;
+            default:
+              return;
+          }
+        }
+      }
+    }
+  };
+};
+
 var BlockLogin = function BlockLogin(_ref) {
   var onNavigate = _ref.onNavigate,
     role = _ref.role,
@@ -2456,6 +2515,91 @@ var BlockLogin = function BlockLogin(_ref) {
       return console.log(errorResponse);
     }
   });
+  var fnLoginMicrosoft = function fnLoginMicrosoft() {
+    try {
+      var msalInstance = new msalBrowser.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: exports.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__default.useEffect(function () {
     return function () {
       if (resendTimer) {
@@ -2563,7 +2707,18 @@ var BlockLogin = function BlockLogin(_ref) {
     height: 24,
     alt: "Google sign-in",
     src: "/images/icons/Google__G__logo.png"
-  }), "Sign in with Google")), React__default.createElement("span", {
+  }), "Sign in with Google")), MICROSOFT_SSO_ENABLED === "true" && React__default.createElement("div", {
+    className: "" + styleGlobal["microsoft_button"]
+  }, React__default.createElement("button", {
+    onClick: function onClick() {
+      return fnLoginMicrosoft();
+    }
+  }, React__default.createElement("img", {
+    width: 24,
+    height: 24,
+    alt: "Google sign-in",
+    src: "/images/Single-Sign-On-logo.png"
+  }), "Sign in with Microsoft")), React__default.createElement("span", {
     className: "" + styleGlobal["box-field"]
   }, "OR"), React__default.createElement("div", {
     className: "" + styleGlobal["box-input"]
@@ -3163,7 +3318,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) {
@@ -3188,6 +3344,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;
   });
 });
 
@@ -3393,17 +3551,6 @@ var CommonDialog = function CommonDialog(_ref) {
   }, title)), children);
 };
 
-var AuthenticationMessage;
-(function (AuthenticationMessage) {
-  AuthenticationMessage["NotAllowedToRegister"] = "NotAllowedToRegister";
-  AuthenticationMessage["InvalidGoogleToken"] = "InvalidGoogleToken";
-})(AuthenticationMessage || (AuthenticationMessage = {}));
-(function (Role) {
-  Role["Student"] = "Student";
-  Role["Teacher"] = "Teacher";
-  Role["Admin"] = "Admin";
-})(exports.Role || (exports.Role = {}));
-
 var CustomPagination = function CustomPagination(_ref) {
   var currentPage = _ref.currentPage,
     totalPage = _ref.totalPage,
@@ -3675,15 +3822,13 @@ var useAmplitude = function useAmplitude() {
 };
 
 var initializeAmplitude = function initializeAmplitude(apiKey) {
-  if (process.env.NODE_ENV === 'production' || process.env.REACT_APP_ENABLE_AMPLITUDE === 'true') {
-    amplitude.init(apiKey, {
-      defaultTracking: {
-        pageViews: true,
-        sessions: true,
-        formInteractions: true
-      }
-    });
-  }
+  amplitude.init(apiKey, {
+    defaultTracking: {
+      pageViews: true,
+      sessions: true,
+      formInteractions: true
+    }
+  });
 };
 
 function initSentry(dsn, release) {
@@ -3908,6 +4053,16 @@ 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();
 
 Object.defineProperty(exports, 'GoogleOAuthProvider', {
@@ -3972,6 +4127,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;
@@ -3980,6 +4136,7 @@ exports.setTeam = setTeam;
 exports.setTenant = setTenant;
 exports.setUser = setUser;
 exports.store = store;
+exports.timeSpanToLocalMoment = timeSpanToLocalMoment;
 exports.useAmplitude = useAmplitude;
 exports.useGoogleSignOut = useGoogleSignOut;
 exports.utcToLocalTime = utcToLocalTime;