dce-reactkit 3.4.0-beta.2 → 3.4.0-beta.4

package/dist/cjs/index.js

@@ -45,7 +45,7 @@ OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
 PERFORMANCE OF THIS SOFTWARE.
 ***************************************************************************** */
 
-function __awaiter$1(thisArg, _arguments, P, generator) {
+function __awaiter(thisArg, _arguments, P, generator) {
     function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
     return new (P || (P = Promise))(function (resolve, reject) {
         function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
@@ -60,7 +60,7 @@ function __awaiter$1(thisArg, _arguments, P, generator) {
  * List of error codes built into the react kit
  * @author Gabe Abrams
  */
-var ReactKitErrorCode$2;
+var ReactKitErrorCode;
 (function (ReactKitErrorCode) {
     ReactKitErrorCode["NoResponse"] = "DRK1";
     ReactKitErrorCode["NoCode"] = "DRK2";
@@ -75,8 +75,8 @@ var ReactKitErrorCode$2;
     ReactKitErrorCode["NotAllowedToReviewLogs"] = "DRK11";
     ReactKitErrorCode["ThemeCheckedBeforeReactKitReady"] = "DRK12";
     ReactKitErrorCode["SessionExpiredMessageGottenBeforeReactKitReady"] = "DRK13";
-})(ReactKitErrorCode$2 || (ReactKitErrorCode$2 = {}));
-var ReactKitErrorCode$3 = ReactKitErrorCode$2;
+})(ReactKitErrorCode || (ReactKitErrorCode = {}));
+var ReactKitErrorCode$1 = ReactKitErrorCode;
 
 /**
  * Displays an error
@@ -116,7 +116,7 @@ const ErrorBox = (props) => {
                 } },
                 "code:",
                 ' ',
-                String((_a = error.code) !== null && _a !== void 0 ? _a : ReactKitErrorCode$3.NoCode).toUpperCase())));
+                String((_a = error.code) !== null && _a !== void 0 ? _a : ReactKitErrorCode$1.NoCode).toUpperCase())));
     }
     // Main UI
     return (React__default["default"].createElement("div", { className: "alert alert-danger text-center", style: {
@@ -137,7 +137,7 @@ const ErrorBox = (props) => {
  * Types of buttons in the modal
  * @author Gabe Abrams
  */
-var ModalButtonType$2;
+var ModalButtonType;
 (function (ModalButtonType) {
     ModalButtonType["Okay"] = "okay";
     ModalButtonType["Cancel"] = "cancel";
@@ -149,14 +149,14 @@ var ModalButtonType$2;
     ModalButtonType["ImSure"] = "imSure";
     ModalButtonType["Delete"] = "delete";
     ModalButtonType["Confirm"] = "confirm";
-})(ModalButtonType$2 || (ModalButtonType$2 = {}));
-var ModalButtonType$3 = ModalButtonType$2;
+})(ModalButtonType || (ModalButtonType = {}));
+var ModalButtonType$1 = ModalButtonType;
 
 /**
  * Types of modals
  * @author Gabe Abrams
  */
-var ModalType$2;
+var ModalType;
 (function (ModalType) {
     ModalType["Okay"] = "okay";
     ModalType["OkayCancel"] = "okay-cancel";
@@ -167,8 +167,8 @@ var ModalType$2;
     ModalType["DeleteCancel"] = "delete-cancel";
     ModalType["ConfirmCancel"] = "confirm-cancel";
     ModalType["NoButtons"] = "-";
-})(ModalType$2 || (ModalType$2 = {}));
-var ModalType$3 = ModalType$2;
+})(ModalType || (ModalType = {}));
+var ModalType$1 = ModalType;
 
 /**
  * Built-in metadata for logs
@@ -193,7 +193,7 @@ const LogBuiltInMetadata = {
  * @author Gabe Abrams
  * @param ms number of ms to wait
  */
-const waitMs = (ms = 0) => __awaiter$1(void 0, void 0, void 0, function* () {
+const waitMs = (ms = 0) => __awaiter(void 0, void 0, void 0, function* () {
     return new Promise((resolve) => {
         setTimeout(resolve, ms);
     });
@@ -203,7 +203,7 @@ const waitMs = (ms = 0) => __awaiter$1(void 0, void 0, void 0, function* () {
  * Bootstrap variants
  * @author Gabe Abrams
  */
-var Variant$2;
+var Variant;
 (function (Variant) {
     Variant["Primary"] = "primary";
     Variant["Secondary"] = "secondary";
@@ -213,21 +213,21 @@ var Variant$2;
     Variant["Danger"] = "danger";
     Variant["Light"] = "light";
     Variant["Dark"] = "dark";
-})(Variant$2 || (Variant$2 = {}));
-var Variant$3 = Variant$2;
+})(Variant || (Variant = {}));
+var Variant$1 = Variant;
 
 /**
  * Modal sizes
  * @author Gabe Abrams
  */
-var ModalSize$1;
+var ModalSize;
 (function (ModalSize) {
     ModalSize["Small"] = "sm";
     ModalSize["Medium"] = "md";
     ModalSize["Large"] = "lg";
     ModalSize["ExtraLarge"] = "xl";
-})(ModalSize$1 || (ModalSize$1 = {}));
-var ModalSize$2 = ModalSize$1;
+})(ModalSize || (ModalSize = {}));
+var ModalSize$1 = ModalSize;
 
 /**
  * A generic popup modal
@@ -240,86 +240,86 @@ var ModalSize$2 = ModalSize$1;
 const MS_TO_ANIMATE = 200; // Animation duration
 // Modal type to list of buttons
 const modalTypeToModalButtonTypes = {
-    [ModalType$3.Okay]: [
-        ModalButtonType$3.Okay,
+    [ModalType$1.Okay]: [
+        ModalButtonType$1.Okay,
     ],
-    [ModalType$3.OkayCancel]: [
-        ModalButtonType$3.Okay,
-        ModalButtonType$3.Cancel,
+    [ModalType$1.OkayCancel]: [
+        ModalButtonType$1.Okay,
+        ModalButtonType$1.Cancel,
     ],
-    [ModalType$3.YesNo]: [
-        ModalButtonType$3.Yes,
-        ModalButtonType$3.No,
+    [ModalType$1.YesNo]: [
+        ModalButtonType$1.Yes,
+        ModalButtonType$1.No,
     ],
-    [ModalType$3.YesNoCancel]: [
-        ModalButtonType$3.Yes,
-        ModalButtonType$3.No,
-        ModalButtonType$3.Cancel,
+    [ModalType$1.YesNoCancel]: [
+        ModalButtonType$1.Yes,
+        ModalButtonType$1.No,
+        ModalButtonType$1.Cancel,
     ],
-    [ModalType$3.AbandonGoBack]: [
-        ModalButtonType$3.Abandon,
-        ModalButtonType$3.GoBack,
+    [ModalType$1.AbandonGoBack]: [
+        ModalButtonType$1.Abandon,
+        ModalButtonType$1.GoBack,
     ],
-    [ModalType$3.ImSureCancel]: [
-        ModalButtonType$3.ImSure,
-        ModalButtonType$3.Cancel,
+    [ModalType$1.ImSureCancel]: [
+        ModalButtonType$1.ImSure,
+        ModalButtonType$1.Cancel,
     ],
-    [ModalType$3.DeleteCancel]: [
-        ModalButtonType$3.Delete,
-        ModalButtonType$3.Cancel,
+    [ModalType$1.DeleteCancel]: [
+        ModalButtonType$1.Delete,
+        ModalButtonType$1.Cancel,
     ],
-    [ModalType$3.ConfirmCancel]: [
-        ModalButtonType$3.Confirm,
-        ModalButtonType$3.Cancel,
+    [ModalType$1.ConfirmCancel]: [
+        ModalButtonType$1.Confirm,
+        ModalButtonType$1.Cancel,
     ],
 };
 // Button type styling and labels
 const ModalButtonTypeToLabelAndVariant = {
-    [ModalButtonType$3.Okay]: {
+    [ModalButtonType$1.Okay]: {
         label: 'Okay',
-        variant: Variant$3.Dark,
+        variant: Variant$1.Dark,
     },
-    [ModalButtonType$3.Cancel]: {
+    [ModalButtonType$1.Cancel]: {
         label: 'Cancel',
-        variant: Variant$3.Secondary,
+        variant: Variant$1.Secondary,
     },
-    [ModalButtonType$3.Yes]: {
+    [ModalButtonType$1.Yes]: {
         label: 'Yes',
-        variant: Variant$3.Dark,
+        variant: Variant$1.Dark,
     },
-    [ModalButtonType$3.No]: {
+    [ModalButtonType$1.No]: {
         label: 'No',
-        variant: Variant$3.Secondary,
+        variant: Variant$1.Secondary,
     },
-    [ModalButtonType$3.Abandon]: {
+    [ModalButtonType$1.Abandon]: {
         label: 'Abandon Changes',
-        variant: Variant$3.Warning,
+        variant: Variant$1.Warning,
     },
-    [ModalButtonType$3.GoBack]: {
+    [ModalButtonType$1.GoBack]: {
         label: 'Go Back',
-        variant: Variant$3.Secondary,
+        variant: Variant$1.Secondary,
     },
-    [ModalButtonType$3.Continue]: {
+    [ModalButtonType$1.Continue]: {
         label: 'Continue',
-        variant: Variant$3.Dark,
+        variant: Variant$1.Dark,
     },
-    [ModalButtonType$3.ImSure]: {
+    [ModalButtonType$1.ImSure]: {
         label: 'I am sure',
-        variant: Variant$3.Warning,
+        variant: Variant$1.Warning,
     },
-    [ModalButtonType$3.Delete]: {
+    [ModalButtonType$1.Delete]: {
         label: 'Yes, Delete',
-        variant: Variant$3.Danger,
+        variant: Variant$1.Danger,
     },
-    [ModalButtonType$3.Confirm]: {
+    [ModalButtonType$1.Confirm]: {
         label: 'Confirm',
-        variant: Variant$3.Dark,
+        variant: Variant$1.Dark,
     },
 };
 /*------------------------------------------------------------------------*/
 /*                                  Style                                 */
 /*------------------------------------------------------------------------*/
-const style$9 = `
+const style$8 = `
   .Modal-backdrop {
     position: fixed;
     top: 0;
@@ -391,7 +391,7 @@ const Modal = (props) => {
     /*------------------------------------------------------------------------*/
     var _a;
     /* -------------- Props ------------- */
-    const { type = ModalType$3.NoButtons, size = ModalSize$2.Large, title, children, onClose, dontAllowBackdropExit, onTopOfOtherModals, } = props;
+    const { type = ModalType$1.NoButtons, size = ModalSize$1.Large, title, children, onClose, dontAllowBackdropExit, onTopOfOtherModals, } = props;
     /* -------------- State ------------- */
     // If true, the modal is shown
     const [visible, setVisible] = React.useState(false);
@@ -408,7 +408,7 @@ const Modal = (props) => {
      * @author Gabe Abrams
      */
     React.useEffect(() => {
-        (() => __awaiter$1(void 0, void 0, void 0, function* () {
+        (() => __awaiter(void 0, void 0, void 0, function* () {
             // Set defaults
             setVisible(false);
             setAnimatingIn(true);
@@ -434,7 +434,7 @@ const Modal = (props) => {
      * @param ModalButtonType the button that was clicked when closing the
      *   modal
      */
-    const handleClose = (ModalButtonType) => __awaiter$1(void 0, void 0, void 0, function* () {
+    const handleClose = (ModalButtonType) => __awaiter(void 0, void 0, void 0, function* () {
         // Don't close if no handler
         if (!onClose) {
             return;
@@ -493,10 +493,10 @@ const Modal = (props) => {
             left: 0,
             right: 0,
         } },
-        React__default["default"].createElement("style", null, style$9),
+        React__default["default"].createElement("style", null, style$8),
         React__default["default"].createElement("div", { className: `Modal-backdrop ${backdropAnimationClass}`, style: {
                 zIndex: 5000000003,
-            }, onClick: () => __awaiter$1(void 0, void 0, void 0, function* () {
+            }, onClick: () => __awaiter(void 0, void 0, void 0, function* () {
                 // Skip if exit via backdrop not allowed
                 if (dontAllowBackdropExit || !onClose) {
                     // Show pop animation
@@ -509,7 +509,7 @@ const Modal = (props) => {
                     return;
                 }
                 // Handle close
-                handleClose(ModalButtonType$3.Cancel);
+                handleClose(ModalButtonType$1.Cancel);
             }) }),
         React__default["default"].createElement("div", { className: `modal-dialog modal-${size} ${animationClass}`, style: {
                 zIndex: 5000000002,
@@ -521,7 +521,7 @@ const Modal = (props) => {
                         } }, title),
                     onClose && (React__default["default"].createElement("button", { type: "button", className: "btn-close", "aria-label": "Close", onClick: () => {
                             // Handle close
-                            handleClose(ModalButtonType$3.Cancel);
+                            handleClose(ModalButtonType$1.Cancel);
                         } }))),
                 children && (React__default["default"].createElement("div", { className: "modal-body" }, children)),
                 footer && (React__default["default"].createElement("div", { className: "modal-footer pt-1 pb-1" }, footer))))));
@@ -531,7 +531,7 @@ const Modal = (props) => {
  * An error with a code
  * @author Gabe Abrams
  */
-class ErrorWithCode$1 extends Error {
+class ErrorWithCode extends Error {
     constructor(message, code) {
         super(message);
         this.name = 'ErrorWithCode';
@@ -578,10 +578,10 @@ let storedSendRequest;
  * @author Gabe Abrams
  * @returns sendRequest function
  */
-const getSendRequest = () => __awaiter$1(void 0, void 0, void 0, function* () {
+const getSendRequest = () => __awaiter(void 0, void 0, void 0, function* () {
     // Track timeout
     let timedOut = false;
-    (() => __awaiter$1(void 0, void 0, void 0, function* () {
+    (() => __awaiter(void 0, void 0, void 0, function* () {
         yield waitMs(5000);
         timedOut = true;
     }))(),
@@ -589,7 +589,7 @@ const getSendRequest = () => __awaiter$1(void 0, void 0, void 0, function* () {
         yield initialized;
     // Error if no send request function
     if (timedOut) {
-        showFatalError$1(new ErrorWithCode$1('Could not send a request because the request needed to be sent before dce-reactkit was properly initialized. Perhaps dce-reactkit was not initialized with initClient.', ReactKitErrorCode$3.NoCACCLSendRequestFunction));
+        showFatalError(new ErrorWithCode('Could not send a request because the request needed to be sent before dce-reactkit was properly initialized. Perhaps dce-reactkit was not initialized with initClient.', ReactKitErrorCode$1.NoCACCLSendRequestFunction));
         // Return dummy function that never resolves
         return (() => {
             return new Promise(() => { });
@@ -628,12 +628,12 @@ const initClient = (opts) => {
 };
 
 // Keep track of whether or not session expiry has already been handled
-let sessionAlreadyExpired$1 = false;
+let sessionAlreadyExpired = false;
 /*------------------------------------------------------------------------*/
 /*                               Stub Logic                               */
 /*------------------------------------------------------------------------*/
 // Stored stub responses
-const stubResponses$1 = {};
+const stubResponses = {};
 /**
  * Add a stub response
  * @author Gabe Abrams
@@ -649,12 +649,12 @@ const _setStubResponse = (opts) => {
     const { path, body, } = opts;
     const method = ((_a = opts.method) !== null && _a !== void 0 ? _a : 'GET').toUpperCase();
     const errorMessage = ((_b = opts.errorMessage) !== null && _b !== void 0 ? _b : 'An unknown error has occurred.');
-    const errorCode = ((_c = opts.errorCode) !== null && _c !== void 0 ? _c : ReactKitErrorCode$3.NoCode);
+    const errorCode = ((_c = opts.errorCode) !== null && _c !== void 0 ? _c : ReactKitErrorCode$1.NoCode);
     // Store to stub responses
-    if (!stubResponses$1[method]) {
-        stubResponses$1[method] = {};
+    if (!stubResponses[method]) {
+        stubResponses[method] = {};
     }
-    stubResponses$1[method][path] = ((opts.errorMessage || opts.errorCode)
+    stubResponses[method][path] = ((opts.errorMessage || opts.errorCode)
         ? {
             success: false,
             errorMessage,
@@ -677,15 +677,15 @@ const _setStubResponse = (opts) => {
  * @param [opts.params] - query/body parameters to include
  * @returns response from server
  */
-const visitServerEndpoint$1 = (opts) => __awaiter$1(void 0, void 0, void 0, function* () {
+const visitServerEndpoint = (opts) => __awaiter(void 0, void 0, void 0, function* () {
     var _a, _b, _c;
     const method = ((_a = opts.method) !== null && _a !== void 0 ? _a : 'GET');
     // Handle stubs
-    const stubResponse = (_b = stubResponses$1[method]) === null || _b === void 0 ? void 0 : _b[opts.path];
+    const stubResponse = (_b = stubResponses[method]) === null || _b === void 0 ? void 0 : _b[opts.path];
     if (stubResponse) {
         // Remove from list
         try {
-            stubResponses$1[method][opts.path] = undefined;
+            stubResponses[method][opts.path] = undefined;
         }
         catch (err) {
             // Ignore
@@ -695,7 +695,7 @@ const visitServerEndpoint$1 = (opts) => __awaiter$1(void 0, void 0, void 0, func
             return stubResponse.body;
         }
         // Error
-        throw new ErrorWithCode$1(stubResponse.errorMessage, stubResponse.errorCode);
+        throw new ErrorWithCode(stubResponse.errorMessage, stubResponse.errorCode);
     }
     // Send the request
     const sendRequest = yield getSendRequest();
@@ -706,19 +706,19 @@ const visitServerEndpoint$1 = (opts) => __awaiter$1(void 0, void 0, void 0, func
     });
     // Check for failure
     if (!response || !response.body) {
-        throw new ErrorWithCode$1('We didn\'t get a response from the server. Please check your internet connection.', ReactKitErrorCode$3.NoResponse);
+        throw new ErrorWithCode('We didn\'t get a response from the server. Please check your internet connection.', ReactKitErrorCode$1.NoResponse);
     }
     if (!response.body.success) {
         // Session expired
-        if (response.body.code === ReactKitErrorCode$3.SessionExpired) {
+        if (response.body.code === ReactKitErrorCode$1.SessionExpired) {
             // Skip notice if session was already expired
-            if (sessionAlreadyExpired$1) {
+            if (sessionAlreadyExpired) {
                 // Never return (browser is already reloading)
                 yield new Promise(() => {
                     // Promise that never returns
                 });
             }
-            sessionAlreadyExpired$1 = true;
+            sessionAlreadyExpired = true;
             // Show session expiration message
             {
                 // Fallback to alert
@@ -731,9 +731,9 @@ const visitServerEndpoint$1 = (opts) => __awaiter$1(void 0, void 0, void 0, func
             });
         }
         // Other errors
-        throw new ErrorWithCode$1((response.body.message
+        throw new ErrorWithCode((response.body.message
             || 'An unknown error occurred. Please contact an admin.'), (response.body.code
-            || ReactKitErrorCode$3.NoCode));
+            || ReactKitErrorCode$1.NoCode));
     }
     // Success! Extract the body
     const { body } = response.body;
@@ -745,9 +745,9 @@ const visitServerEndpoint$1 = (opts) => __awaiter$1(void 0, void 0, void 0, func
  * Log a user action on the client (cannot be used on the server)
  * @author Gabe Abrams
  */
-const logClientEvent = (opts) => __awaiter$1(void 0, void 0, void 0, function* () {
+const logClientEvent = (opts) => __awaiter(void 0, void 0, void 0, function* () {
     var _a, _b, _c, _d, _e, _f, _g;
-    return visitServerEndpoint$1({
+    return visitServerEndpoint({
         path: LOG_ROUTE_PATH,
         method: 'POST',
         params: {
@@ -797,7 +797,7 @@ let onAlertClosed;
  * @param title the title text to display at the top of the alert
  * @param text the text to display in the alert
  */
-const alert$2 = (title, text) => __awaiter$1(void 0, void 0, void 0, function* () {
+const alert$1 = (title, text) => __awaiter(void 0, void 0, void 0, function* () {
     // Fallback if alert not available
     if (!setAlertInfo) {
         window.alert(`${title}\n\n${text}`);
@@ -837,7 +837,7 @@ let onConfirmClosed;
  *   button
  * @returns true if the user confirmed
  */
-const confirm = (title, text, opts) => __awaiter$1(void 0, void 0, void 0, function* () {
+const confirm = (title, text, opts) => __awaiter(void 0, void 0, void 0, function* () {
     // Fallback if confirm is not available
     if (!setConfirmInfo) {
         return window.confirm(`${title}\n\n${text}`);
@@ -869,15 +869,15 @@ let setFatalErrorTitle;
  * @param error the error to show
  * @param [errorTitle] title of the error box
  */
-const showFatalError$1 = (error, errorTitle = 'An Error Occurred') => {
+const showFatalError = (error, errorTitle = 'An Error Occurred') => {
     var _a, _b;
     // Determine message and code
     const message = (typeof error === 'string'
         ? error.trim()
         : String((_a = error.message) !== null && _a !== void 0 ? _a : 'An unknown error occurred.'));
     const code = (typeof error === 'string'
-        ? ReactKitErrorCode$3.NoCode
-        : String((_b = error.code) !== null && _b !== void 0 ? _b : ReactKitErrorCode$3.NoCode));
+        ? ReactKitErrorCode$1.NoCode
+        : String((_b = error.code) !== null && _b !== void 0 ? _b : ReactKitErrorCode$1.NoCode));
     // Add log
     logClientEvent({
         context: LogBuiltInMetadata.Context.ClientFatalError,
@@ -892,7 +892,7 @@ const showFatalError$1 = (error, errorTitle = 'An Error Occurred') => {
     });
     // Handle case where app hasn't loaded
     if (!setFatalErrorMessage || !setFatalErrorCode) {
-        alert$2(errorTitle, `${message} (code: ${code}). Please contact support.`);
+        alert$1(errorTitle, `${message} (code: ${code}). Please contact support.`);
         return undefined;
     }
     // Use setters
@@ -936,7 +936,7 @@ const AppWrapper = (props) => {
     let modal;
     /* -------------- Alert ------------- */
     if (alertInfo) {
-        modal = (React__default["default"].createElement(Modal, { key: `alert-${alertInfo.title}-${alertInfo.text}`, title: alertInfo.title, type: ModalType$3.Okay, onClose: () => {
+        modal = (React__default["default"].createElement(Modal, { key: `alert-${alertInfo.title}-${alertInfo.text}`, title: alertInfo.title, type: ModalType$1.Okay, onClose: () => {
                 // Alert closed
                 setAlertInfo(undefined);
                 if (onAlertClosed) {
@@ -946,10 +946,10 @@ const AppWrapper = (props) => {
     }
     /* ------------- Confirm ------------ */
     if (confirmInfo) {
-        modal = (React__default["default"].createElement(Modal, { key: `confirm-${confirmInfo.title}-${confirmInfo.text}`, title: confirmInfo.title, type: ModalType$3.OkayCancel, okayLabel: confirmInfo.opts.confirmButtonText, okayVariant: confirmInfo.opts.confirmButtonVariant, cancelLabel: confirmInfo.opts.cancelButtonText, cancelVariant: confirmInfo.opts.cancelButtonVariant, onClose: (buttonType) => {
+        modal = (React__default["default"].createElement(Modal, { key: `confirm-${confirmInfo.title}-${confirmInfo.text}`, title: confirmInfo.title, type: ModalType$1.OkayCancel, okayLabel: confirmInfo.opts.confirmButtonText, okayVariant: confirmInfo.opts.confirmButtonVariant, cancelLabel: confirmInfo.opts.cancelButtonText, cancelVariant: confirmInfo.opts.cancelButtonVariant, onClose: (buttonType) => {
                 setConfirmInfo(undefined);
                 if (onConfirmClosed) {
-                    onConfirmClosed(buttonType === ModalButtonType$3.Okay);
+                    onConfirmClosed(buttonType === ModalButtonType$1.Okay);
                 }
             }, dontAllowBackdropExit: true }, confirmInfo.text));
     }
@@ -962,8 +962,8 @@ const AppWrapper = (props) => {
     if (fatalErrorMessage || fatalErrorCode || sessionHasExpired) {
         // Re-encapsulate in an error
         const error = (sessionHasExpired
-            ? new ErrorWithCode$1(getSessionExpiredMessage(), ReactKitErrorCode$3.SessionExpired)
-            : new ErrorWithCode$1((fatalErrorMessage !== null && fatalErrorMessage !== void 0 ? fatalErrorMessage : 'An unknown error has occurred. Please contact support.'), (fatalErrorCode !== null && fatalErrorCode !== void 0 ? fatalErrorCode : ReactKitErrorCode$3.NoCode)));
+            ? new ErrorWithCode(getSessionExpiredMessage(), ReactKitErrorCode$1.SessionExpired)
+            : new ErrorWithCode((fatalErrorMessage !== null && fatalErrorMessage !== void 0 ? fatalErrorMessage : 'An unknown error has occurred. Please contact support.'), (fatalErrorCode !== null && fatalErrorCode !== void 0 ? fatalErrorCode : ReactKitErrorCode$1.NoCode)));
         // Build error screen
         body = (React__default["default"].createElement("div", { style: {
                 display: 'block',
@@ -997,7 +997,7 @@ const AppWrapper = (props) => {
 /*------------------------------------------------------------------------*/
 /*                                  Style                                 */
 /*------------------------------------------------------------------------*/
-const style$8 = `
+const style$7 = `
 /* Container fades in */
 .LoadingSpinner-container {
   animation-name: LoadingSpinner-container-fade-in;
@@ -1069,13 +1069,13 @@ const style$8 = `
 /*------------------------------------------------------------------------*/
 /*                                Component                               */
 /*------------------------------------------------------------------------*/
-const LoadingSpinner$1 = () => {
+const LoadingSpinner = () => {
     /*------------------------------------------------------------------------*/
     /*                                 Render                                 */
     /*------------------------------------------------------------------------*/
     // Add all four blips to a container
     return (React__default["default"].createElement("div", { className: "text-center LoadingSpinner LoadingSpinner-container" },
-        React__default["default"].createElement("style", null, style$8),
+        React__default["default"].createElement("style", null, style$7),
         React__default["default"].createElement(reactFontawesome.FontAwesomeIcon, { icon: freeSolidSvgIcons.faCircle, className: "LoadingSpinner-blip-1 me-1" }),
         React__default["default"].createElement(reactFontawesome.FontAwesomeIcon, { icon: freeSolidSvgIcons.faCircle, className: "LoadingSpinner-blip-2 me-1" }),
         React__default["default"].createElement(reactFontawesome.FontAwesomeIcon, { icon: freeSolidSvgIcons.faCircle, className: "LoadingSpinner-blip-3 me-1" }),
@@ -1089,7 +1089,7 @@ const LoadingSpinner$1 = () => {
 /*------------------------------------------------------------------------*/
 /*                                  Style                                 */
 /*------------------------------------------------------------------------*/
-const style$7 = `
+const style$6 = `
   /* Tab Box */
   .TabBox-box {
     /* Light Border */
@@ -1169,7 +1169,7 @@ const TabBox = (props) => {
     /*----------------------------------------*/
     // Full UI
     return (React__default["default"].createElement("div", { className: `TabBox-container ${noBottomMargin ? '' : 'mb-2'}` },
-        React__default["default"].createElement("style", null, style$7),
+        React__default["default"].createElement("style", null, style$6),
         React__default["default"].createElement("div", { className: "TabBox-title-container" },
             React__default["default"].createElement("div", { className: "TabBox-title" }, title)),
         React__default["default"].createElement("div", { className: `TabBox-box ps-2 pt-2 pe-2 ${noBottomPadding ? '' : 'pb-2'}` },
@@ -1183,12 +1183,12 @@ const TabBox = (props) => {
 /*------------------------------------------------------------------------*/
 /*                                Component                               */
 /*------------------------------------------------------------------------*/
-const RadioButton$1 = (props) => {
+const RadioButton = (props) => {
     /*------------------------------------------------------------------------*/
     /*                                  Setup                                 */
     /*------------------------------------------------------------------------*/
     /* -------------- Props ------------- */
-    const { text, onSelected, ariaLabel, title, selected, id, noMarginOnRight, selectedVariant = Variant$3.Secondary, unselectedVariant = Variant$3.Light, small, } = props;
+    const { text, onSelected, ariaLabel, title, selected, id, noMarginOnRight, selectedVariant = Variant$1.Secondary, unselectedVariant = Variant$1.Light, small, } = props;
     /*------------------------------------------------------------------------*/
     /*                                 Render                                 */
     /*------------------------------------------------------------------------*/
@@ -1211,12 +1211,12 @@ const RadioButton$1 = (props) => {
 /*------------------------------------------------------------------------*/
 /*                                Component                               */
 /*------------------------------------------------------------------------*/
-const CheckboxButton$1 = (props) => {
+const CheckboxButton = (props) => {
     /*------------------------------------------------------------------------*/
     /*                                  Setup                                 */
     /*------------------------------------------------------------------------*/
     /* -------------- Props ------------- */
-    const { text, onChanged, ariaLabel, title, checked, id, className, noMarginOnRight, checkedVariant = Variant$3.Secondary, uncheckedVariant = Variant$3.Light, small, dashed, } = props;
+    const { text, onChanged, ariaLabel, title, checked, id, className, noMarginOnRight, checkedVariant = Variant$1.Secondary, uncheckedVariant = Variant$1.Light, small, dashed, } = props;
     /*------------------------------------------------------------------------*/
     /*                                 Render                                 */
     /*------------------------------------------------------------------------*/
@@ -1248,7 +1248,7 @@ const CheckboxButton$1 = (props) => {
 /*------------------------------------------------------------------------*/
 /*                                Component                               */
 /*------------------------------------------------------------------------*/
-const ButtonInputGroup$1 = (props) => {
+const ButtonInputGroup = (props) => {
     /*------------------------------------------------------------------------*/
     /*                                  Setup                                 */
     /*------------------------------------------------------------------------*/
@@ -1490,7 +1490,7 @@ const SimpleDateChooser = (props) => {
 /*------------------------------------------------------------------------*/
 /*                                  Style                                 */
 /*------------------------------------------------------------------------*/
-const style$6 = `
+const style$5 = `
   .Drawer-container {
     margin-left: 1rem;
     margin-right: 1rem;
@@ -1524,7 +1524,7 @@ const Drawer = (props) => {
     return (React__default["default"].createElement("div", { className: "Drawer-container", style: {
             backgroundColor: (customBackgroundColor !== null && customBackgroundColor !== void 0 ? customBackgroundColor : undefined),
         } },
-        React__default["default"].createElement("style", null, style$6),
+        React__default["default"].createElement("style", null, style$5),
         children));
 };
 
@@ -1862,13 +1862,13 @@ const PopPendingMark = (props) => {
  */
 /* ------------- Actions ------------ */
 // Types of actions
-var ActionType$7;
+var ActionType$6;
 (function (ActionType) {
     // Indicate that the text was recently copied
     ActionType["IndicateRecentlyCopied"] = "indicate-recently-copied";
     // Clear the status
     ActionType["ClearRecentlyCopiedStatus"] = "clear-recently-copied-status";
-})(ActionType$7 || (ActionType$7 = {}));
+})(ActionType$6 || (ActionType$6 = {}));
 /**
  * Reducer that executes actions
  * @author Gabe Abrams
@@ -1877,12 +1877,12 @@ var ActionType$7;
  */
 const reducer$6 = (state, action) => {
     switch (action.type) {
-        case ActionType$7.IndicateRecentlyCopied: {
+        case ActionType$6.IndicateRecentlyCopied: {
             return {
                 recentlyCopied: true,
             };
         }
-        case ActionType$7.ClearRecentlyCopiedStatus: {
+        case ActionType$6.ClearRecentlyCopiedStatus: {
             return {
                 recentlyCopied: false,
             };
@@ -1918,23 +1918,23 @@ const CopiableBox = (props) => {
      * Perform a copy
      * @author Gabe Abrams
      */
-    const performCopy = () => __awaiter$1(void 0, void 0, void 0, function* () {
+    const performCopy = () => __awaiter(void 0, void 0, void 0, function* () {
         // Write to clipboard
         try {
             yield navigator.clipboard.writeText(text);
         }
         catch (err) {
-            return alert$2('Unable to copy', 'Oops! We couldn\'t copy that to the clipboard. Please copy the text manually.');
+            return alert$1('Unable to copy', 'Oops! We couldn\'t copy that to the clipboard. Please copy the text manually.');
         }
         // Show copied notice
         dispatch({
-            type: ActionType$7.IndicateRecentlyCopied,
+            type: ActionType$6.IndicateRecentlyCopied,
         });
         // Wait a moment
         yield waitMs(4000);
         // Hide copied notice
         dispatch({
-            type: ActionType$7.ClearRecentlyCopiedStatus,
+            type: ActionType$6.ClearRecentlyCopiedStatus,
         });
     });
     /*------------------------------------------------------------------------*/
@@ -1990,11 +1990,11 @@ const CopiableBox = (props) => {
  */
 /* ------------- Actions ------------ */
 // Types of actions
-var ActionType$6;
+var ActionType$5;
 (function (ActionType) {
     // Toggle whether a child are being shown
     ActionType["ToggleChild"] = "toggle-child";
-})(ActionType$6 || (ActionType$6 = {}));
+})(ActionType$5 || (ActionType$5 = {}));
 /**
  * Reducer that executes actions
  * @author Gabe Abrams
@@ -2003,7 +2003,7 @@ var ActionType$6;
  */
 const reducer$5 = (state, action) => {
     switch (action.type) {
-        case ActionType$6.ToggleChild: {
+        case ActionType$5.ToggleChild: {
             return Object.assign(Object.assign({}, state), { childExpanded: Object.assign(Object.assign({}, state.childExpanded), { [String(action.id)]: !state.childExpanded[String(action.id)] }) });
         }
         default: {
@@ -2122,14 +2122,14 @@ const NestableItemList = (props) => {
                     backgroundColor: 'transparent',
                 }, type: "button", onClick: () => {
                     dispatch({
-                        type: ActionType$6.ToggleChild,
+                        type: ActionType$5.ToggleChild,
                         id: item.id,
                     });
                 }, "aria-label": `${childExpanded[item.id] ? 'Hide' : 'Show'} items in ${item.name}` },
                 React__default["default"].createElement(reactFontawesome.FontAwesomeIcon, { icon: childExpanded[item.id] ? freeSolidSvgIcons.faChevronDown : freeSolidSvgIcons.faChevronRight })))),
-            React__default["default"].createElement(CheckboxButton$1, { className: `NestableItemList-CheckboxButton-${item.id}`, text: item.name, checked: item.isGroup ? allChecked(item.children) : item.checked, dashed: item.isGroup ? !noneChecked(item.children) : false, onChanged: (checked) => {
+            React__default["default"].createElement(CheckboxButton, { className: `NestableItemList-CheckboxButton-${item.id}`, text: item.name, checked: item.isGroup ? allChecked(item.children) : item.checked, dashed: item.isGroup ? !noneChecked(item.children) : false, onChanged: (checked) => {
                     onChanged(changeChecked(item.id, checked, items));
-                }, ariaLabel: `Select ${item.name}`, checkedVariant: Variant$3.Light }),
+                }, ariaLabel: `Select ${item.name}`, checkedVariant: Variant$1.Light }),
             (item.isGroup && childExpanded[item.id]) && (React__default["default"].createElement("div", { className: "NestableItemList-children-container", style: {
                     paddingLeft: '2.2rem',
                 } },
@@ -2267,7 +2267,7 @@ var LogAction$1 = LogAction;
  * Server-side API param types
  * @author Gabe Abrams
  */
-var ParamType$2;
+var ParamType;
 (function (ParamType) {
     ParamType["Boolean"] = "boolean";
     ParamType["BooleanOptional"] = "boolean-optional";
@@ -2279,8 +2279,8 @@ var ParamType$2;
     ParamType["JSONOptional"] = "json-optional";
     ParamType["String"] = "string";
     ParamType["StringOptional"] = "string-optional";
-})(ParamType$2 || (ParamType$2 = {}));
-var ParamType$3 = ParamType$2;
+})(ParamType || (ParamType = {}));
+var ParamType$1 = ParamType;
 
 /**
  * Round a number to a certain number of decimals
@@ -2397,7 +2397,7 @@ var SortType;
 })(SortType || (SortType = {}));
 /* ------------- Actions ------------ */
 // Types of actions
-var ActionType$5;
+var ActionType$4;
 (function (ActionType) {
     // Toggle sort column param
     ActionType["ToggleSortColumn"] = "toggle-sort-column";
@@ -2409,7 +2409,7 @@ var ActionType$5;
     ActionType["ShowAllColumns"] = "show-all-columns";
     // Hide all columns
     ActionType["HideAllColumns"] = "hide-all-columns";
-})(ActionType$5 || (ActionType$5 = {}));
+})(ActionType$4 || (ActionType$4 = {}));
 /**
  * Reducer that executes actions
  * @author Gabe Abrams
@@ -2418,7 +2418,7 @@ var ActionType$5;
  */
 const reducer$4 = (state, action) => {
     switch (action.type) {
-        case ActionType$5.ToggleSortColumn: {
+        case ActionType$4.ToggleSortColumn: {
             if (action.param !== state.sortColumnParam) {
                 // Different column param
                 return Object.assign(Object.assign({}, state), { sortColumnParam: action.param, sortType: SortType.Ascending });
@@ -2430,22 +2430,22 @@ const reducer$4 = (state, action) => {
             // Stop sorting by column
             return Object.assign(Object.assign({}, state), { sortColumnParam: undefined, sortType: SortType.Ascending });
         }
-        case ActionType$5.UpdateColumnVisibility: {
+        case ActionType$4.UpdateColumnVisibility: {
             const { columnVisibilityMap } = state;
             columnVisibilityMap[action.param] = action.visible;
             return Object.assign(Object.assign({}, state), { columnVisibilityMap });
         }
-        case ActionType$5.ToggleColVisCusModalVisibility: {
+        case ActionType$4.ToggleColVisCusModalVisibility: {
             return Object.assign(Object.assign({}, state), { columnVisibilityCustomizationModalVisible: !state.columnVisibilityCustomizationModalVisible });
         }
-        case ActionType$5.ShowAllColumns: {
+        case ActionType$4.ShowAllColumns: {
             const { columnVisibilityMap } = state;
             Object.keys(columnVisibilityMap).forEach((param) => {
                 columnVisibilityMap[param] = true;
             });
             return Object.assign(Object.assign({}, state), { columnVisibilityMap });
         }
-        case ActionType$5.HideAllColumns: {
+        case ActionType$4.HideAllColumns: {
             const { columnVisibilityMap } = state;
             Object.keys(columnVisibilityMap).forEach((param) => {
                 columnVisibilityMap[param] = false;
@@ -2506,36 +2506,36 @@ const IntelliTable = (props) => {
     /* ------- Col Vis Customization Modal ------ */
     if (columnVisibilityCustomizationModalVisible) {
         // Create modal
-        modal = (React__default["default"].createElement(Modal, { type: ModalType$3.Okay, title: "Choose columns to show:", onClose: () => {
+        modal = (React__default["default"].createElement(Modal, { type: ModalType$1.Okay, title: "Choose columns to show:", onClose: () => {
                 const noColumnsSelected = (Object.values(columnVisibilityMap)
                     .every((isSelected) => {
                     return !isSelected;
                 }));
                 if (noColumnsSelected) {
-                    return alert$2('Choose at least one column', 'To continue, you have to choose at least one column to show');
+                    return alert$1('Choose at least one column', 'To continue, you have to choose at least one column to show');
                 }
                 dispatch({
-                    type: ActionType$5.ToggleColVisCusModalVisibility,
+                    type: ActionType$4.ToggleColVisCusModalVisibility,
                 });
-            }, okayVariant: Variant$3.Light },
+            }, okayVariant: Variant$1.Light },
             columns.map((column) => {
-                return (React__default["default"].createElement(CheckboxButton$1, { key: column.param, id: `IntelliTable-${id}-toggle-visibility-${column.param}`, className: "mb-2", text: column.title, onChanged: (checked) => {
+                return (React__default["default"].createElement(CheckboxButton, { key: column.param, id: `IntelliTable-${id}-toggle-visibility-${column.param}`, className: "mb-2", text: column.title, onChanged: (checked) => {
                         dispatch({
-                            type: ActionType$5.UpdateColumnVisibility,
+                            type: ActionType$4.UpdateColumnVisibility,
                             param: column.param,
                             visible: checked,
                         });
-                    }, checked: columnVisibilityMap[column.param], ariaLabel: `show "${column.title}" column in the ${title} table`, checkedVariant: Variant$3.Light, uncheckedVariant: Variant$3.Secondary }));
+                    }, checked: columnVisibilityMap[column.param], ariaLabel: `show "${column.title}" column in the ${title} table`, checkedVariant: Variant$1.Light, uncheckedVariant: Variant$1.Secondary }));
             }),
             React__default["default"].createElement("div", { className: "mt-3" }, "Or you can:"),
             React__default["default"].createElement("button", { type: "button", id: `IntelliTable-${id}-select-all-columns`, className: "btn btn-secondary me-2", "aria-label": `show all columns in the ${title} table`, onClick: () => {
                     dispatch({
-                        type: ActionType$5.ShowAllColumns,
+                        type: ActionType$4.ShowAllColumns,
                     });
                 } }, "Select All"),
             React__default["default"].createElement("button", { type: "button", id: `IntelliTable-${id}-select-none-columns`, className: "btn btn-secondary", "aria-label": `hide all columns in the ${title} table`, onClick: () => {
                     dispatch({
-                        type: ActionType$5.HideAllColumns,
+                        type: ActionType$4.HideAllColumns,
                     });
                 } }, "Deselect All")));
     }
@@ -2586,7 +2586,7 @@ const IntelliTable = (props) => {
                 React__default["default"].createElement("div", null,
                     React__default["default"].createElement("button", { type: "button", id: `IntelliTable-${id}-sort-by-${column.param}-button`, className: `btn btn-${sortingByThisColumn ? 'light' : 'secondary'} btn-sm ms-1 ps-1 pe-1 pt-0 pb-0`, "aria-label": sortButtonAriaLabel, onClick: () => {
                             dispatch({
-                                type: ActionType$5.ToggleSortColumn,
+                                type: ActionType$4.ToggleSortColumn,
                                 param: column.param,
                             });
                         } },
@@ -2626,7 +2626,7 @@ const IntelliTable = (props) => {
             }
             // Sort differently based on the data type
             // > Boolean
-            if (paramType === ParamType$3.Boolean) {
+            if (paramType === ParamType$1.Boolean) {
                 if (aVal && !bVal) {
                     return (descending ? -1 : 1);
                 }
@@ -2636,14 +2636,14 @@ const IntelliTable = (props) => {
                 return tiebreaker;
             }
             // > Number
-            if (paramType === ParamType$3.Int
-                || paramType === ParamType$3.Float) {
+            if (paramType === ParamType$1.Int
+                || paramType === ParamType$1.Float) {
                 return (descending
                     ? (bVal - aVal)
                     : (aVal - bVal));
             }
             // > String
-            if (paramType === ParamType$3.String) {
+            if (paramType === ParamType$1.String) {
                 if (aVal < bVal) {
                     return (descending ? 1 : -1);
                 }
@@ -2653,7 +2653,7 @@ const IntelliTable = (props) => {
                 return tiebreaker;
             }
             // > JSON
-            if (paramType === ParamType$3.JSON) {
+            if (paramType === ParamType$1.JSON) {
                 const aSize = (Array.isArray(aVal)
                     ? aVal.length
                     : Object.keys(aVal).length);
@@ -2685,7 +2685,7 @@ const IntelliTable = (props) => {
             let fullValue;
             let visibleValue;
             let title = '';
-            if (column.type === ParamType$3.Boolean) {
+            if (column.type === ParamType$1.Boolean) {
                 fullValue = !!(value);
                 const noValue = (value === undefined
                     || value === null);
@@ -2697,7 +2697,7 @@ const IntelliTable = (props) => {
                     title = 'Empty Cell';
                 }
             }
-            else if (column.type === ParamType$3.Int) {
+            else if (column.type === ParamType$1.Int) {
                 fullValue = Number.parseInt(value, 10);
                 const noValue = Number.isNaN(fullValue);
                 visibleValue = (noValue
@@ -2708,7 +2708,7 @@ const IntelliTable = (props) => {
                     title = 'Empty Cell';
                 }
             }
-            else if (column.type === ParamType$3.Float) {
+            else if (column.type === ParamType$1.Float) {
                 fullValue = Number.parseFloat(value);
                 const noValue = Number.isNaN(fullValue);
                 visibleValue = (noValue
@@ -2719,7 +2719,7 @@ const IntelliTable = (props) => {
                     title = 'Empty Cell';
                 }
             }
-            else if (column.type === ParamType$3.String) {
+            else if (column.type === ParamType$1.String) {
                 fullValue = String(value).trim();
                 const noValue = (value === undefined
                     || value === null
@@ -2732,7 +2732,7 @@ const IntelliTable = (props) => {
                     title = 'Empty Cell';
                 }
             }
-            else if (column.type === ParamType$3.JSON) {
+            else if (column.type === ParamType$1.JSON) {
                 fullValue = JSON.stringify(value);
                 const noValue = (Array.isArray(value)
                     ? (!value || value.length === 0)
@@ -2775,7 +2775,7 @@ const IntelliTable = (props) => {
                 React__default["default"].createElement(CSVDownloadButton, { "aria-label": `download data as csv for ${title}`, id: `IntelliTable-${id}-download-as-csv`, filename: filename, csv: csv }),
                 React__default["default"].createElement("button", { type: "button", className: "btn btn-secondary ms-2", "aria-label": `show panel for customizing which columns show in table ${title}`, id: `IntelliTable-${id}-show-column-customization-modal`, onClick: () => {
                         dispatch({
-                            type: ActionType$5.ToggleColVisCusModalVisibility,
+                            type: ActionType$4.ToggleColVisCusModalVisibility,
                         });
                     } },
                     "Show/Hide Cols",
@@ -2897,185 +2897,185 @@ const columns = [
     {
         title: 'First Name',
         param: 'userFirstName',
-        type: ParamType$3.String,
+        type: ParamType$1.String,
     },
     {
         title: 'Last Name',
         param: 'userLastName',
-        type: ParamType$3.String,
+        type: ParamType$1.String,
     },
     {
         title: 'Email',
         param: 'userEmail',
-        type: ParamType$3.String,
+        type: ParamType$1.String,
     },
     {
         title: 'Canvas Id',
         param: 'userId',
-        type: ParamType$3.Int,
+        type: ParamType$1.Int,
     },
     {
         title: 'Student?',
         param: 'isLearner',
-        type: ParamType$3.Boolean,
+        type: ParamType$1.Boolean,
     },
     {
         title: 'Teaching Staff?',
         param: 'isTTM',
-        type: ParamType$3.Boolean,
+        type: ParamType$1.Boolean,
         startsHidden: true,
     },
     {
         title: 'Admin?',
         param: 'isAdmin',
-        type: ParamType$3.Boolean,
+        type: ParamType$1.Boolean,
         startsHidden: true,
     },
     {
         title: 'Course Canvas Id',
         param: 'courseId',
-        type: ParamType$3.Int,
+        type: ParamType$1.Int,
         startsHidden: true,
     },
     {
         title: 'Course Name',
         param: 'courseName',
-        type: ParamType$3.String,
+        type: ParamType$1.String,
     },
     {
         title: 'Browser Name',
         param: 'browser.name',
-        type: ParamType$3.String,
+        type: ParamType$1.String,
         startsHidden: true,
     },
     {
         title: 'Browser Version',
         param: 'browser.version',
-        type: ParamType$3.String,
+        type: ParamType$1.String,
         startsHidden: true,
     },
     {
         title: 'OS',
         param: 'device.os',
-        type: ParamType$3.String,
+        type: ParamType$1.String,
         startsHidden: true,
     },
     {
         title: 'Mobile?',
         param: 'device.isMobile',
-        type: ParamType$3.Boolean,
+        type: ParamType$1.Boolean,
         startsHidden: true,
     },
     {
         title: 'Year',
         param: 'year',
-        type: ParamType$3.Int,
+        type: ParamType$1.Int,
     },
     {
         title: 'Month',
         param: 'month',
-        type: ParamType$3.Int,
+        type: ParamType$1.Int,
     },
     {
         title: 'Day',
         param: 'day',
-        type: ParamType$3.Int,
+        type: ParamType$1.Int,
     },
     {
         title: 'Hour',
         param: 'hour',
-        type: ParamType$3.Int,
+        type: ParamType$1.Int,
     },
     {
         title: 'Minute',
         param: 'minute',
-        type: ParamType$3.Int,
+        type: ParamType$1.Int,
         startsHidden: true,
     },
     {
         title: 'Timestamp',
         param: 'timestamp',
-        type: ParamType$3.Int,
+        type: ParamType$1.Int,
         startsHidden: true,
     },
     {
         title: 'Context',
         param: 'context',
-        type: ParamType$3.String,
+        type: ParamType$1.String,
     },
     {
         title: 'Subcontext',
         param: 'subcontext',
-        type: ParamType$3.String,
+        type: ParamType$1.String,
     },
     {
         title: 'Tags',
         param: 'tags',
-        type: ParamType$3.JSON,
+        type: ParamType$1.JSON,
         startsHidden: true,
     },
     {
         title: 'Log Level',
         param: 'level',
-        type: ParamType$3.String,
+        type: ParamType$1.String,
         startsHidden: true,
     },
     {
         title: 'Metadata',
         param: 'metadata',
-        type: ParamType$3.JSON,
+        type: ParamType$1.JSON,
         startsHidden: true,
     },
     {
         title: 'Source',
         param: 'source',
-        type: ParamType$3.String,
+        type: ParamType$1.String,
     },
     {
         title: 'Server Route Path',
         param: 'routePath',
-        type: ParamType$3.String,
+        type: ParamType$1.String,
         startsHidden: true,
     },
     {
         title: 'Server Route Template',
         param: 'routeTemplate',
-        type: ParamType$3.String,
+        type: ParamType$1.String,
         startsHidden: true,
     },
     {
         title: 'Type',
         param: 'type',
-        type: ParamType$3.String,
+        type: ParamType$1.String,
     },
     {
         title: 'Error Message',
         param: 'errorMessage',
-        type: ParamType$3.String,
+        type: ParamType$1.String,
         startsHidden: true,
     },
     {
         title: 'Error Code',
         param: 'errorCode',
-        type: ParamType$3.String,
+        type: ParamType$1.String,
         startsHidden: true,
     },
     {
         title: 'Error Stack',
         param: 'errorStack',
-        type: ParamType$3.String,
+        type: ParamType$1.String,
         startsHidden: true,
     },
     {
         title: 'Action Target',
         param: 'target',
-        type: ParamType$3.String,
+        type: ParamType$1.String,
         startsHidden: true,
     },
     {
         title: 'Action Type',
         param: 'action',
-        type: ParamType$3.String,
+        type: ParamType$1.String,
         startsHidden: true,
     },
 ];
@@ -3141,7 +3141,7 @@ const genHumanReadableName = (machineReadableName) => {
 };
 /* ------------- Actions ------------ */
 // Types of actions
-var ActionType$4;
+var ActionType$3;
 (function (ActionType) {
     // Show the loading bar
     ActionType["StartLoading"] = "start-loading";
@@ -3163,7 +3163,7 @@ var ActionType$4;
     ActionType["UpdateActionErrorFilterState"] = "update-action-error-filter-state";
     // Update the advanced filter state
     ActionType["UpdateAdvancedFilterState"] = "update-advanced-filter-state";
-})(ActionType$4 || (ActionType$4 = {}));
+})(ActionType$3 || (ActionType$3 = {}));
 /**
  * Reducer that executes actions
  * @author Gabe Abrams
@@ -3172,36 +3172,36 @@ var ActionType$4;
  */
 const reducer$3 = (state, action) => {
     switch (action.type) {
-        case ActionType$4.StartLoading: {
+        case ActionType$3.StartLoading: {
             return Object.assign(Object.assign({}, state), { loading: true });
         }
-        case ActionType$4.FinishLoading: {
+        case ActionType$3.FinishLoading: {
             return Object.assign(Object.assign({}, state), { loading: false, logMap: action.logMap });
         }
-        case ActionType$4.ToggleFilterDrawer: {
+        case ActionType$3.ToggleFilterDrawer: {
             return Object.assign(Object.assign({}, state), { expandedFilterDrawer: (state.expandedFilterDrawer === action.filterDrawer
                     ? undefined // hide
                     : action.filterDrawer) });
         }
-        case ActionType$4.HideFilterDrawer: {
+        case ActionType$3.HideFilterDrawer: {
             return Object.assign(Object.assign({}, state), { expandedFilterDrawer: undefined });
         }
-        case ActionType$4.ResetFilters: {
+        case ActionType$3.ResetFilters: {
             return Object.assign(Object.assign({}, state), { dateFilterState: action.initDateFilterState, contextFilterState: action.initContextFilterState, tagFilterState: action.initTagFilterState, actionErrorFilterState: action.initActionErrorFilterState, advancedFilterState: action.initAdvancedFilterState });
         }
-        case ActionType$4.UpdateDateFilterState: {
+        case ActionType$3.UpdateDateFilterState: {
             return Object.assign(Object.assign({}, state), { dateFilterState: action.dateFilterState });
         }
-        case ActionType$4.UpdateContextFilterState: {
+        case ActionType$3.UpdateContextFilterState: {
             return Object.assign(Object.assign({}, state), { contextFilterState: action.contextFilterState });
         }
-        case ActionType$4.UpdateTagFilterState: {
+        case ActionType$3.UpdateTagFilterState: {
             return Object.assign(Object.assign({}, state), { tagFilterState: action.tagFilterState });
         }
-        case ActionType$4.UpdateActionErrorFilterState: {
+        case ActionType$3.UpdateActionErrorFilterState: {
             return Object.assign(Object.assign({}, state), { actionErrorFilterState: action.actionErrorFilterState });
         }
-        case ActionType$4.UpdateAdvancedFilterState: {
+        case ActionType$3.UpdateAdvancedFilterState: {
             return Object.assign(Object.assign({}, state), { advancedFilterState: action.advancedFilterState });
         }
         default: {
@@ -3378,10 +3378,10 @@ const LogReviewer = (props) => {
      * @author Gabe Abrams
      * @param newDateFilterState the new date filter state
      */
-    const handleDateRangeUpdated = (newDateFilterState) => __awaiter$1(void 0, void 0, void 0, function* () {
+    const handleDateRangeUpdated = (newDateFilterState) => __awaiter(void 0, void 0, void 0, function* () {
         // Update state
         dispatch({
-            type: ActionType$4.UpdateDateFilterState,
+            type: ActionType$3.UpdateDateFilterState,
             dateFilterState: newDateFilterState,
         });
         // Check which year/month combos we need to load
@@ -3392,7 +3392,7 @@ const LogReviewer = (props) => {
         }
         // Start loading
         dispatch({
-            type: ActionType$4.StartLoading,
+            type: ActionType$3.StartLoading,
         });
         // Load required months
         try {
@@ -3400,7 +3400,7 @@ const LogReviewer = (props) => {
                 // Destructure
                 const { year, month } = toLoad[i];
                 // Load
-                const logs = yield visitServerEndpoint$1({
+                const logs = yield visitServerEndpoint({
                     path: `${LOG_REVIEW_ROUTE_PATH_PREFIX}/years/${year}/months/${month}`,
                     method: 'GET',
                 });
@@ -3412,11 +3412,11 @@ const LogReviewer = (props) => {
             }
         }
         catch (err) {
-            return showFatalError$1(err);
+            return showFatalError(err);
         }
         // Finish loading
         dispatch({
-            type: ActionType$4.FinishLoading,
+            type: ActionType$3.FinishLoading,
             logMap,
         });
     });
@@ -3442,7 +3442,7 @@ const LogReviewer = (props) => {
     /* ------------- Loading ------------ */
     if (loading) {
         body = (React__default["default"].createElement("div", { className: "text-center p-5" },
-            React__default["default"].createElement(LoadingSpinner$1, null)));
+            React__default["default"].createElement(LoadingSpinner, null)));
     }
     /* ------------ Review UI ----------- */
     if (!loading) {
@@ -3455,7 +3455,7 @@ const LogReviewer = (props) => {
             React__default["default"].createElement("div", { className: "LogReviewer-filter-toggle-buttons alert alert-secondary p-2 m-0" },
                 React__default["default"].createElement("button", { type: "button", id: "LogReviewer-toggle-date-filter-drawer", className: `btn btn-${FilterDrawer.Date === expandedFilterDrawer ? 'warning' : 'light'} me-2`, "aria-label": "toggle date filter drawer", onClick: () => {
                         dispatch({
-                            type: ActionType$4.ToggleFilterDrawer,
+                            type: ActionType$3.ToggleFilterDrawer,
                             filterDrawer: FilterDrawer.Date,
                         });
                     } },
@@ -3463,7 +3463,7 @@ const LogReviewer = (props) => {
                     "Date"),
                 React__default["default"].createElement("button", { type: "button", id: "LogReviewer-toggle-context-filter-drawer", className: `btn btn-${FilterDrawer.Context === expandedFilterDrawer ? 'warning' : 'light'} me-2`, "aria-label": "toggle context filter drawer", onClick: () => {
                         dispatch({
-                            type: ActionType$4.ToggleFilterDrawer,
+                            type: ActionType$3.ToggleFilterDrawer,
                             filterDrawer: FilterDrawer.Context,
                         });
                     } },
@@ -3471,7 +3471,7 @@ const LogReviewer = (props) => {
                     "Context"),
                 (LogMetadata.Tag && Object.keys(LogMetadata.Tag).length > 0) && (React__default["default"].createElement("button", { type: "button", id: "LogReviewer-toggle-tag-filter-drawer", className: `btn btn-${FilterDrawer.Tag === expandedFilterDrawer ? 'warning' : 'light'} me-2`, "aria-label": "toggle tag filter drawer", onClick: () => {
                         dispatch({
-                            type: ActionType$4.ToggleFilterDrawer,
+                            type: ActionType$3.ToggleFilterDrawer,
                             filterDrawer: FilterDrawer.Tag,
                         });
                     } },
@@ -3479,7 +3479,7 @@ const LogReviewer = (props) => {
                     "Tag")),
                 React__default["default"].createElement("button", { type: "button", id: "LogReviewer-toggle-action-filter-drawer", className: `btn btn-${FilterDrawer.Action === expandedFilterDrawer ? 'warning' : 'light'} me-2`, "aria-label": "toggle action and error filter drawer", onClick: () => {
                         dispatch({
-                            type: ActionType$4.ToggleFilterDrawer,
+                            type: ActionType$3.ToggleFilterDrawer,
                             filterDrawer: FilterDrawer.Action,
                         });
                     } },
@@ -3487,7 +3487,7 @@ const LogReviewer = (props) => {
                     "Action"),
                 React__default["default"].createElement("button", { type: "button", id: "LogReviewer-toggle-advanced-filter-drawer", className: `btn btn-${FilterDrawer.Advanced === expandedFilterDrawer ? 'warning' : 'light'} me-2`, "aria-label": "toggle advanced filter drawer", onClick: () => {
                         dispatch({
-                            type: ActionType$4.ToggleFilterDrawer,
+                            type: ActionType$3.ToggleFilterDrawer,
                             filterDrawer: FilterDrawer.Advanced,
                         });
                     } },
@@ -3495,7 +3495,7 @@ const LogReviewer = (props) => {
                     "Advanced"),
                 React__default["default"].createElement("button", { type: "button", id: "LogReviewer-reset-filters-button", className: "btn btn-light", "aria-label": "reset filters", onClick: () => {
                         dispatch({
-                            type: ActionType$4.ResetFilters,
+                            type: ActionType$3.ResetFilters,
                             initActionErrorFilterState,
                             initAdvancedFilterState,
                             initContextFilterState,
@@ -3525,7 +3525,7 @@ const LogReviewer = (props) => {
                                 || (year === dateFilterState.startDate.year
                                     && month === dateFilterState.startDate.month
                                     && day < dateFilterState.startDate.day)) {
-                                return alert$2('Invalid Start Date', 'The start date cannot be before the end date.');
+                                return alert$1('Invalid Start Date', 'The start date cannot be before the end date.');
                             }
                             dateFilterState.endDate = { month, day, year };
                             handleDateRangeUpdated(dateFilterState);
@@ -3617,7 +3617,7 @@ const LogReviewer = (props) => {
                             }
                         });
                         dispatch({
-                            type: ActionType$4.UpdateContextFilterState,
+                            type: ActionType$3.UpdateContextFilterState,
                             contextFilterState,
                         });
                     } }));
@@ -3629,10 +3629,10 @@ const LogReviewer = (props) => {
                     React__default["default"].createElement("div", { className: "d-flex gap-1 flex-wrap" }, Object.keys((_d = LogMetadata.Tag) !== null && _d !== void 0 ? _d : {})
                         .map((tag) => {
                         const description = genHumanReadableName(tag);
-                        return (React__default["default"].createElement(CheckboxButton$1, { key: tag, id: `LogReviewer-tag-${tag}-checkbox`, text: description, ariaLabel: `require that logs be tagged with "${description}" or any other selected tag`, checked: tagFilterState[tag], onChanged: (checked) => {
+                        return (React__default["default"].createElement(CheckboxButton, { key: tag, id: `LogReviewer-tag-${tag}-checkbox`, text: description, ariaLabel: `require that logs be tagged with "${description}" or any other selected tag`, checked: tagFilterState[tag], onChanged: (checked) => {
                                 tagFilterState[tag] = checked;
                                 dispatch({
-                                    type: ActionType$4.UpdateTagFilterState,
+                                    type: ActionType$3.UpdateTagFilterState,
                                     tagFilterState,
                                 });
                             } }));
@@ -3642,47 +3642,47 @@ const LogReviewer = (props) => {
                 // Create filter UI
                 filterDrawer = (React__default["default"].createElement(React__default["default"].Fragment, null,
                     React__default["default"].createElement(TabBox, { title: "Log Type" },
-                        React__default["default"].createElement(RadioButton$1, { id: "LogReviewer-type-all", text: "All Logs", onSelected: () => {
+                        React__default["default"].createElement(RadioButton, { id: "LogReviewer-type-all", text: "All Logs", onSelected: () => {
                                 actionErrorFilterState.type = undefined;
                                 dispatch({
-                                    type: ActionType$4.UpdateActionErrorFilterState,
+                                    type: ActionType$3.UpdateActionErrorFilterState,
                                     actionErrorFilterState,
                                 });
                             }, ariaLabel: "show logs of all types", selected: actionErrorFilterState.type === undefined }),
-                        React__default["default"].createElement(RadioButton$1, { id: "LogReviewer-type-action-only", text: "Action Logs Only", onSelected: () => {
+                        React__default["default"].createElement(RadioButton, { id: "LogReviewer-type-action-only", text: "Action Logs Only", onSelected: () => {
                                 actionErrorFilterState.type = LogType$1.Action;
                                 dispatch({
-                                    type: ActionType$4.UpdateActionErrorFilterState,
+                                    type: ActionType$3.UpdateActionErrorFilterState,
                                     actionErrorFilterState,
                                 });
                             }, ariaLabel: "only show action logs", selected: actionErrorFilterState.type === LogType$1.Action }),
-                        React__default["default"].createElement(RadioButton$1, { id: "LogReviewer-type-error-only", text: "Action Error Only", onSelected: () => {
+                        React__default["default"].createElement(RadioButton, { id: "LogReviewer-type-error-only", text: "Action Error Only", onSelected: () => {
                                 actionErrorFilterState.type = LogType$1.Error;
                                 dispatch({
-                                    type: ActionType$4.UpdateActionErrorFilterState,
+                                    type: ActionType$3.UpdateActionErrorFilterState,
                                     actionErrorFilterState,
                                 });
                             }, ariaLabel: "only show error logs", selected: actionErrorFilterState.type === LogType$1.Error, noMarginOnRight: true })),
                     (actionErrorFilterState.type === undefined
                         || actionErrorFilterState.type === LogType$1.Action) && (React__default["default"].createElement(TabBox, { title: "Action Log Details" },
-                        React__default["default"].createElement(ButtonInputGroup$1, { label: "Action", className: "mb-2", wrapButtonsAndAddGaps: true }, Object.keys(LogAction$1)
+                        React__default["default"].createElement(ButtonInputGroup, { label: "Action", className: "mb-2", wrapButtonsAndAddGaps: true }, Object.keys(LogAction$1)
                             .map((action) => {
                             const description = genHumanReadableName(action);
-                            return (React__default["default"].createElement(CheckboxButton$1, { key: action, id: `LogReviewer-action-${action}-checkbox`, text: description, ariaLabel: `include logs with action type "${description}" in results`, noMarginOnRight: true, checked: actionErrorFilterState.action[action], onChanged: (checked) => {
+                            return (React__default["default"].createElement(CheckboxButton, { key: action, id: `LogReviewer-action-${action}-checkbox`, text: description, ariaLabel: `include logs with action type "${description}" in results`, noMarginOnRight: true, checked: actionErrorFilterState.action[action], onChanged: (checked) => {
                                     actionErrorFilterState.action[action] = checked;
                                     dispatch({
-                                        type: ActionType$4.UpdateActionErrorFilterState,
+                                        type: ActionType$3.UpdateActionErrorFilterState,
                                         actionErrorFilterState,
                                     });
                                 } }));
                         })),
-                        React__default["default"].createElement(ButtonInputGroup$1, { label: "Target", wrapButtonsAndAddGaps: true }, Object.keys(targetMap)
+                        React__default["default"].createElement(ButtonInputGroup, { label: "Target", wrapButtonsAndAddGaps: true }, Object.keys(targetMap)
                             .map((target) => {
                             const description = genHumanReadableName(target);
-                            return (React__default["default"].createElement(CheckboxButton$1, { key: target, id: `LogReviewer-target-${target}-checkbox`, text: description, ariaLabel: `include logs with target "${description}" in results`, checked: actionErrorFilterState.target[target], noMarginOnRight: true, onChanged: (checked) => {
+                            return (React__default["default"].createElement(CheckboxButton, { key: target, id: `LogReviewer-target-${target}-checkbox`, text: description, ariaLabel: `include logs with target "${description}" in results`, checked: actionErrorFilterState.target[target], noMarginOnRight: true, onChanged: (checked) => {
                                     actionErrorFilterState.target[target] = checked;
                                     dispatch({
-                                        type: ActionType$4.UpdateActionErrorFilterState,
+                                        type: ActionType$3.UpdateActionErrorFilterState,
                                         actionErrorFilterState,
                                     });
                                 } }));
@@ -3694,7 +3694,7 @@ const LogReviewer = (props) => {
                             React__default["default"].createElement("input", { type: "text", className: "form-control", "aria-label": "query for error message", value: actionErrorFilterState.errorMessage, placeholder: "e.g. undefined is not a function", onChange: (e) => {
                                     actionErrorFilterState.errorMessage = e.target.value;
                                     dispatch({
-                                        type: ActionType$4.UpdateActionErrorFilterState,
+                                        type: ActionType$3.UpdateActionErrorFilterState,
                                         actionErrorFilterState,
                                     });
                                 } })),
@@ -3705,7 +3705,7 @@ const LogReviewer = (props) => {
                                         .trim()
                                         .toUpperCase());
                                     dispatch({
-                                        type: ActionType$4.UpdateActionErrorFilterState,
+                                        type: ActionType$3.UpdateActionErrorFilterState,
                                         actionErrorFilterState,
                                     });
                                 } }))))));
@@ -3719,7 +3719,7 @@ const LogReviewer = (props) => {
                             React__default["default"].createElement("input", { type: "text", className: "form-control", "aria-label": "query for user first name", value: advancedFilterState.userFirstName, placeholder: "e.g. Divardo", onChange: (e) => {
                                     advancedFilterState.userFirstName = e.target.value;
                                     dispatch({
-                                        type: ActionType$4.UpdateAdvancedFilterState,
+                                        type: ActionType$3.UpdateAdvancedFilterState,
                                         advancedFilterState,
                                     });
                                 } })),
@@ -3728,7 +3728,7 @@ const LogReviewer = (props) => {
                             React__default["default"].createElement("input", { type: "text", className: "form-control", "aria-label": "query for user last name", value: advancedFilterState.userLastName, placeholder: "e.g. Calicci", onChange: (e) => {
                                     advancedFilterState.userLastName = e.target.value;
                                     dispatch({
-                                        type: ActionType$4.UpdateAdvancedFilterState,
+                                        type: ActionType$3.UpdateAdvancedFilterState,
                                         advancedFilterState,
                                     });
                                 } })),
@@ -3738,7 +3738,7 @@ const LogReviewer = (props) => {
                                     advancedFilterState.userEmail = ((e.target.value)
                                         .trim());
                                     dispatch({
-                                        type: ActionType$4.UpdateAdvancedFilterState,
+                                        type: ActionType$3.UpdateAdvancedFilterState,
                                         advancedFilterState,
                                     });
                                 } })),
@@ -3752,29 +3752,29 @@ const LogReviewer = (props) => {
                                             .trim());
                                     }
                                     dispatch({
-                                        type: ActionType$4.UpdateAdvancedFilterState,
+                                        type: ActionType$3.UpdateAdvancedFilterState,
                                         advancedFilterState,
                                     });
                                 } })),
-                        React__default["default"].createElement(ButtonInputGroup$1, { label: "Role" },
-                            React__default["default"].createElement(CheckboxButton$1, { text: "Students", onChanged: (checked) => {
+                        React__default["default"].createElement(ButtonInputGroup, { label: "Role" },
+                            React__default["default"].createElement(CheckboxButton, { text: "Students", onChanged: (checked) => {
                                     advancedFilterState.includeLearners = checked;
                                     dispatch({
-                                        type: ActionType$4.UpdateAdvancedFilterState,
+                                        type: ActionType$3.UpdateAdvancedFilterState,
                                         advancedFilterState,
                                     });
                                 }, checked: advancedFilterState.includeLearners, ariaLabel: "show logs from students" }),
-                            React__default["default"].createElement(CheckboxButton$1, { text: "Teaching Team Members", onChanged: (checked) => {
+                            React__default["default"].createElement(CheckboxButton, { text: "Teaching Team Members", onChanged: (checked) => {
                                     advancedFilterState.includeTTMs = checked;
                                     dispatch({
-                                        type: ActionType$4.UpdateAdvancedFilterState,
+                                        type: ActionType$3.UpdateAdvancedFilterState,
                                         advancedFilterState,
                                     });
                                 }, checked: advancedFilterState.includeTTMs, ariaLabel: "show logs from teaching team members" }),
-                            React__default["default"].createElement(CheckboxButton$1, { text: "Admins", onChanged: (checked) => {
+                            React__default["default"].createElement(CheckboxButton, { text: "Admins", onChanged: (checked) => {
                                     advancedFilterState.includeAdmins = checked;
                                     dispatch({
-                                        type: ActionType$4.UpdateAdvancedFilterState,
+                                        type: ActionType$3.UpdateAdvancedFilterState,
                                         advancedFilterState,
                                     });
                                 }, checked: advancedFilterState.includeAdmins, ariaLabel: "show logs from admins" }))),
@@ -3784,7 +3784,7 @@ const LogReviewer = (props) => {
                             React__default["default"].createElement("input", { type: "text", className: "form-control", "aria-label": "query for course name", value: advancedFilterState.courseName, placeholder: "e.g. GLC 200", onChange: (e) => {
                                     advancedFilterState.courseName = e.target.value;
                                     dispatch({
-                                        type: ActionType$4.UpdateAdvancedFilterState,
+                                        type: ActionType$3.UpdateAdvancedFilterState,
                                         advancedFilterState,
                                     });
                                 } })),
@@ -3798,53 +3798,53 @@ const LogReviewer = (props) => {
                                             .trim());
                                     }
                                     dispatch({
-                                        type: ActionType$4.UpdateAdvancedFilterState,
+                                        type: ActionType$3.UpdateAdvancedFilterState,
                                         advancedFilterState,
                                     });
                                 } }))),
                     React__default["default"].createElement(TabBox, { title: "Device" },
-                        React__default["default"].createElement(ButtonInputGroup$1, { label: "Device Type" },
-                            React__default["default"].createElement(RadioButton$1, { text: "All Devices", ariaLabel: "show logs from all devices", selected: advancedFilterState.isMobile === undefined, onSelected: () => {
+                        React__default["default"].createElement(ButtonInputGroup, { label: "Device Type" },
+                            React__default["default"].createElement(RadioButton, { text: "All Devices", ariaLabel: "show logs from all devices", selected: advancedFilterState.isMobile === undefined, onSelected: () => {
                                     advancedFilterState.isMobile = undefined;
                                     dispatch({
-                                        type: ActionType$4.UpdateAdvancedFilterState,
+                                        type: ActionType$3.UpdateAdvancedFilterState,
                                         advancedFilterState,
                                     });
                                 } }),
-                            React__default["default"].createElement(RadioButton$1, { text: "Mobile Only", ariaLabel: "show logs from mobile devices", selected: advancedFilterState.isMobile === true, onSelected: () => {
+                            React__default["default"].createElement(RadioButton, { text: "Mobile Only", ariaLabel: "show logs from mobile devices", selected: advancedFilterState.isMobile === true, onSelected: () => {
                                     advancedFilterState.isMobile = true;
                                     dispatch({
-                                        type: ActionType$4.UpdateAdvancedFilterState,
+                                        type: ActionType$3.UpdateAdvancedFilterState,
                                         advancedFilterState,
                                     });
                                 } }),
-                            React__default["default"].createElement(RadioButton$1, { text: "Desktop Only", ariaLabel: "show logs from desktop devices", selected: advancedFilterState.isMobile === false, onSelected: () => {
+                            React__default["default"].createElement(RadioButton, { text: "Desktop Only", ariaLabel: "show logs from desktop devices", selected: advancedFilterState.isMobile === false, onSelected: () => {
                                     advancedFilterState.isMobile = false;
                                     dispatch({
-                                        type: ActionType$4.UpdateAdvancedFilterState,
+                                        type: ActionType$3.UpdateAdvancedFilterState,
                                         advancedFilterState,
                                     });
                                 }, noMarginOnRight: true }))),
                     React__default["default"].createElement(TabBox, { title: "Source" },
-                        React__default["default"].createElement(ButtonInputGroup$1, { label: "Source Type" },
-                            React__default["default"].createElement(RadioButton$1, { text: "Both", ariaLabel: "show logs from all sources", selected: advancedFilterState.source === undefined, onSelected: () => {
+                        React__default["default"].createElement(ButtonInputGroup, { label: "Source Type" },
+                            React__default["default"].createElement(RadioButton, { text: "Both", ariaLabel: "show logs from all sources", selected: advancedFilterState.source === undefined, onSelected: () => {
                                     advancedFilterState.source = undefined;
                                     dispatch({
-                                        type: ActionType$4.UpdateAdvancedFilterState,
+                                        type: ActionType$3.UpdateAdvancedFilterState,
                                         advancedFilterState,
                                     });
                                 } }),
-                            React__default["default"].createElement(RadioButton$1, { text: "Client Only", ariaLabel: "show logs from client source", selected: advancedFilterState.source === LogSource$1.Client, onSelected: () => {
+                            React__default["default"].createElement(RadioButton, { text: "Client Only", ariaLabel: "show logs from client source", selected: advancedFilterState.source === LogSource$1.Client, onSelected: () => {
                                     advancedFilterState.source = LogSource$1.Client;
                                     dispatch({
-                                        type: ActionType$4.UpdateAdvancedFilterState,
+                                        type: ActionType$3.UpdateAdvancedFilterState,
                                         advancedFilterState,
                                     });
                                 } }),
-                            React__default["default"].createElement(RadioButton$1, { text: "Server Only", ariaLabel: "show logs from server source", selected: advancedFilterState.source === LogSource$1.Server, onSelected: () => {
+                            React__default["default"].createElement(RadioButton, { text: "Server Only", ariaLabel: "show logs from server source", selected: advancedFilterState.source === LogSource$1.Server, onSelected: () => {
                                     advancedFilterState.source = LogSource$1.Server;
                                     dispatch({
-                                        type: ActionType$4.UpdateAdvancedFilterState,
+                                        type: ActionType$3.UpdateAdvancedFilterState,
                                         advancedFilterState,
                                     });
                                 }, noMarginOnRight: true })),
@@ -3855,7 +3855,7 @@ const LogReviewer = (props) => {
                                         advancedFilterState.courseName = ((e.target.value)
                                             .trim());
                                         dispatch({
-                                            type: ActionType$4.UpdateAdvancedFilterState,
+                                            type: ActionType$3.UpdateAdvancedFilterState,
                                             advancedFilterState,
                                         });
                                     } })),
@@ -3865,7 +3865,7 @@ const LogReviewer = (props) => {
                                         advancedFilterState.courseName = ((e.target.value)
                                             .trim());
                                         dispatch({
-                                            type: ActionType$4.UpdateAdvancedFilterState,
+                                            type: ActionType$3.UpdateAdvancedFilterState,
                                             advancedFilterState,
                                         });
                                     } })))))));
@@ -3874,1250 +3874,287 @@ const LogReviewer = (props) => {
         // Filters UI
         const filters = (React__default["default"].createElement(React__default["default"].Fragment, null,
             filterToggles,
-            filterDrawer && (React__default["default"].createElement(Drawer, { customBackgroundColor: "#eee" }, filterDrawer))));
-        // Actually filter the logs
-        // > Perform filters
-        const logs = [];
-        Object.keys(logMap).forEach((year) => {
-            Object.keys(logMap[year]).forEach((month) => {
-                logMap[year][month].forEach((log) => {
-                    /* ----------- Date Filter ---------- */
-                    var _a;
-                    // Before start date
-                    if (
-                    // Previous year
-                    log.year < dateFilterState.startDate.year
-                        // Same year, earlier month
-                        || ((log.year === dateFilterState.startDate.year)
-                            && (log.month < dateFilterState.startDate.month))
-                        // Same year, same month, earlier day
-                        || ((log.year === dateFilterState.startDate.year)
-                            && (log.month === dateFilterState.startDate.month)
-                            && (log.day < dateFilterState.startDate.day))) {
-                        return;
-                    }
-                    // After end date
-                    if (
-                    // Later year
-                    log.year > dateFilterState.endDate.year
-                        // Same year, later month
-                        || ((log.year === dateFilterState.endDate.year)
-                            && (log.month > dateFilterState.endDate.month))
-                        // Same year, same month, later day
-                        || ((log.year === dateFilterState.endDate.year)
-                            && (log.month === dateFilterState.endDate.month)
-                            && (log.day > dateFilterState.endDate.day))) {
-                        return;
-                    }
-                    /* --------- Context Filter --------- */
-                    // Context doesn't match
-                    if (
-                    // Whole context is deselected
-                    contextFilterState[log.context] === false
-                        // None of the subcontexts are selected
-                        || (
-                        // Has subcontexts
-                        typeof contextFilterState[log.context] !== 'boolean'
-                            // None of the subcontexts are selected
-                            && Object.values((_a = contextFilterState[log.context]) !== null && _a !== void 0 ? _a : {})
-                                .every((isSelected) => {
-                                return !isSelected;
-                            }))) {
-                        return;
-                    }
-                    // Subcontext doesn't match
-                    if (
-                    // Log context is not "uncategorized" (no point in further filters)
-                    log.context !== LogBuiltInMetadata.Context.Uncategorized
-                        // Log has a subcontext
-                        && log.subcontext
-                        // Context has subcontexts
-                        && (contextFilterState[log.context]
-                            && contextFilterState[log.context] !== false
-                            && contextFilterState[log.context] !== true)
-                        // Subcontext is not selected
-                        && !contextFilterState[log.context][log.subcontext]) {
-                        return;
-                    }
-                    /* -------------- Tags -------------- */
-                    // No tags match
-                    if (
-                    // At least one tag is required
-                    Object.values(tagFilterState)
-                        .filter((isSelected) => {
-                        return isSelected;
-                    })
-                        .length > 0
-                        // No tags match
-                        && log.tags.every((tag) => {
-                            return !tagFilterState[tag];
-                        })) {
-                        return;
-                    }
-                    /* ------- Actions and Errors ------- */
-                    // Log type doesn't match
-                    if (
-                    // Filter won't allow all types
-                    actionErrorFilterState.type !== undefined
-                        // Log type doesn't match
-                        && actionErrorFilterState.type !== log.type) {
-                        return;
-                    }
-                    // Filter errors
-                    if (log.type === LogType$1.Error) {
-                        // Message doesn't match
-                        if (
-                        // Message exists
-                        log.errorMessage
-                            // Message filter exists
-                            && actionErrorFilterState.errorMessage.trim().length > 0
-                            // Message doesn't match
-                            && log.errorMessage.toLowerCase().includes(actionErrorFilterState.errorMessage.trim().toLowerCase())) {
-                            return;
-                        }
-                        // Code doesn't match
-                        if (
-                        // Code exists
-                        log.errorCode
-                            // Code filter exists
-                            && actionErrorFilterState.errorCode.trim().length > 0
-                            // Code doesn't match
-                            && log.errorCode.toUpperCase().includes(actionErrorFilterState.errorCode.trim().toUpperCase())) {
-                            return;
-                        }
-                    }
-                    // Filter actions
-                    if (log.type === LogType$1.Action) {
-                        // Target isn't selected
-                        if (
-                        // Target exists
-                        log.target
-                            // Target isn't selected
-                            && !actionErrorFilterState.target[log.target]) {
-                            return;
-                        }
-                        // Action
-                        if (
-                        // Action exists
-                        log.action
-                            // Action isn't selected
-                            && !actionErrorFilterState.action[log.action]) {
-                            return;
-                        }
-                    }
-                    /* --------- Advanced Filter -------- */
-                    // First name doesn't match
-                    if (
-                    // First name exists
-                    log.userFirstName
-                        // First name query doesn't match
-                        && !log.userFirstName.toLowerCase().includes(advancedFilterState.userFirstName.toLowerCase().trim())) {
-                        return;
-                    }
-                    // Last name doesn't match
-                    if (
-                    // Last name exists
-                    log.userLastName
-                        // Last name query doesn't match
-                        && !log.userLastName.toLowerCase().includes(advancedFilterState.userLastName.toLowerCase().trim())) {
-                        return;
-                    }
-                    // Email doesn't match
-                    if (
-                    // Email exists
-                    log.userEmail
-                        // Email query doesn't match
-                        && !log.userEmail.toLowerCase().includes(advancedFilterState.userEmail.toLowerCase().trim())) {
-                        return;
-                    }
-                    // User id doesn't match
-                    if (
-                    // User id exists
-                    log.userId
-                        // User id doesn't match
-                        && !String(log.userId).includes(advancedFilterState.userId.trim())) {
-                        return;
-                    }
-                    // Learner not allowed
-                    if (
-                    // User is a learner
-                    log.isLearner
-                        // Learners aren't included
-                        && !advancedFilterState.includeLearners) {
-                        return;
-                    }
-                    // TTM not allowed
-                    if (
-                    // User is a ttm
-                    log.isTTM
-                        // TTMs aren't included
-                        && !advancedFilterState.includeTTMs) {
-                        return;
-                    }
-                    // Admin not allowed
-                    if (
-                    // User is an admin
-                    log.isAdmin
-                        // Admins aren't included
-                        && !advancedFilterState.includeAdmins) {
-                        return;
-                    }
-                    // Course Id doesn't match
-                    if (
-                    // Course Id exists
-                    log.courseId
-                        // Course Id doesn't match
-                        && !String(log.courseId).includes(advancedFilterState.courseId.trim())) {
-                        return;
-                    }
-                    // Course name doesn't match
-                    if (
-                    // Course name exists
-                    log.courseName
-                        // Course name doesn't match
-                        && !String(log.courseName).includes(advancedFilterState.courseName.trim())) {
-                        return;
-                    }
-                    // Mobile filter doesn't match
-                    if (
-                    // Mobile filter exists
-                    advancedFilterState.isMobile !== undefined
-                        // Device info exists
-                        && log.device
-                        // Mobile filter doesn't match
-                        && (advancedFilterState.isMobile !== log.device.isMobile)) {
-                        return;
-                    }
-                    // Log source doesn't match
-                    if (
-                    // Source filter exists
-                    advancedFilterState.source !== undefined
-                        // Source info exists
-                        && log.source
-                        // Source filter doesn't match
-                        && (advancedFilterState.source !== log.source)) {
-                        return;
-                    }
-                    // Route path doesn't match (Only for server source)
-                    if (
-                    // Source is server
-                    (log.source === LogSource$1.Server)
-                        // Route path is being filtered
-                        && (advancedFilterState.routePath.trim().length)
-                        // Route path doesn't match
-                        && !(log.routePath.includes(advancedFilterState.routePath.trim()))) {
-                        return;
-                    }
-                    // Route template doesn't match (Only for server source)
-                    if (
-                    // Source is server
-                    (log.source === LogSource$1.Server)
-                        // Route template is being filtered
-                        && (advancedFilterState.routeTemplate.trim().length)
-                        // Route template doesn't match
-                        && !(log.routeTemplate.includes(advancedFilterState.routeTemplate.trim()))) {
-                        return;
-                    }
-                    /* -------------- Done -------------- */
-                    // Made it past all filters. Add to the list
-                    logs.push(log);
-                });
-            });
-        });
-        /*----------------------------------------*/
-        /*                  Data                  */
-        /*----------------------------------------*/
-        // Nothing to show notice
-        const noLogsNotice = (logs.length === 0
-            ? (React__default["default"].createElement("div", { className: "alert alert-warning text-center mt-2" },
-                React__default["default"].createElement("h4", { className: "m-1" }, "No Logs to Show"),
-                React__default["default"].createElement("div", null, "Either your filters are too strict or no matching logs have been created yet.")))
-            : undefined);
-        // Create intelliTable
-        const dataTable = (React__default["default"].createElement(IntelliTable, { title: "Matching Logs:", csvName: `Logs from ${getHumanReadableDate()}`, id: "logs", data: logs, columns: columns }));
-        // Main body
-        body = (React__default["default"].createElement(React__default["default"].Fragment, null,
-            filters,
-            React__default["default"].createElement("div", { className: "mt-2" },
-                dataTable,
-                noLogsNotice)));
-    }
-    /* ---------- Wrap in Modal --------- */
-    return (React__default["default"].createElement("div", { className: "LogReviewer-outer-container" },
-        React__default["default"].createElement("style", null, style$1),
-        React__default["default"].createElement("div", { className: "LogReviewer-inner-container" },
-            React__default["default"].createElement("div", { className: "LogReviewer-header" },
-                React__default["default"].createElement("div", { className: "LogReviewer-header-title" },
-                    React__default["default"].createElement("h3", { className: "text-center m-0" }, "Log Review Dashboard")),
-                React__default["default"].createElement("div", { style: { width: 0 } },
-                    React__default["default"].createElement("button", { type: "button", className: "LogReviewer-header-close-button btn btn-dark btn-lg pe-0", "aria-label": "close log reviewer panel", onClick: onClose },
-                        React__default["default"].createElement(reactFontawesome.FontAwesomeIcon, { icon: freeSolidSvgIcons.faTimes })))),
-            React__default["default"].createElement("div", { className: "LogReviewer-contents" }, body))));
-};
-
-/******************************************************************************
-Copyright (c) Microsoft Corporation.
-
-Permission to use, copy, modify, and/or distribute this software for any
-purpose with or without fee is hereby granted.
-
-THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
-REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
-AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
-INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
-LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
-OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
-PERFORMANCE OF THIS SOFTWARE.
-***************************************************************************** */
-
-function __awaiter(thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-}
-
-// Highest error code = DRK10
-/**
- * List of error codes built into the react kit
- * @author Gabe Abrams
- */
-var ReactKitErrorCode;
-(function (ReactKitErrorCode) {
-    ReactKitErrorCode["NoResponse"] = "DRK1";
-    ReactKitErrorCode["NoCode"] = "DRK2";
-    ReactKitErrorCode["SessionExpired"] = "DRK3";
-    ReactKitErrorCode["MissingParameter"] = "DRK4";
-    ReactKitErrorCode["InvalidParameter"] = "DRK5";
-    ReactKitErrorCode["WrongCourse"] = "DRK6";
-    ReactKitErrorCode["NoCACCLSendRequestFunction"] = "DRK7";
-    ReactKitErrorCode["NoCACCLGetLaunchInfoFunction"] = "DRK8";
-    ReactKitErrorCode["NotTTM"] = "DRK9";
-    ReactKitErrorCode["NotAdmin"] = "DRK10";
-})(ReactKitErrorCode || (ReactKitErrorCode = {}));
-var ReactKitErrorCode$1 = ReactKitErrorCode;
-
-/**
- * Types of buttons in the modal
- * @author Gabe Abrams
- */
-var ModalButtonType;
-(function (ModalButtonType) {
-    ModalButtonType["Okay"] = "okay";
-    ModalButtonType["Cancel"] = "cancel";
-    ModalButtonType["Yes"] = "yes";
-    ModalButtonType["No"] = "no";
-    ModalButtonType["Abandon"] = "abandon";
-    ModalButtonType["GoBack"] = "goBack";
-    ModalButtonType["Continue"] = "continue";
-    ModalButtonType["ImSure"] = "imSure";
-    ModalButtonType["Delete"] = "delete";
-    ModalButtonType["Confirm"] = "confirm";
-})(ModalButtonType || (ModalButtonType = {}));
-var ModalButtonType$1 = ModalButtonType;
-
-/**
- * Types of modals
- * @author Gabe Abrams
- */
-var ModalType;
-(function (ModalType) {
-    ModalType["Okay"] = "okay";
-    ModalType["OkayCancel"] = "okay-cancel";
-    ModalType["YesNo"] = "yes-no";
-    ModalType["YesNoCancel"] = "yes-no-cancel";
-    ModalType["AbandonGoBack"] = "abandon-goBack";
-    ModalType["ImSureCancel"] = "imSure-cancel";
-    ModalType["DeleteCancel"] = "delete-cancel";
-    ModalType["ConfirmCancel"] = "confirm-cancel";
-    ModalType["NoButtons"] = "-";
-})(ModalType || (ModalType = {}));
-var ModalType$1 = ModalType;
-
-/**
- * Bootstrap variants
- * @author Gabe Abrams
- */
-var Variant;
-(function (Variant) {
-    Variant["Primary"] = "primary";
-    Variant["Secondary"] = "secondary";
-    Variant["Success"] = "success";
-    Variant["Warning"] = "warning";
-    Variant["Info"] = "info";
-    Variant["Danger"] = "danger";
-    Variant["Light"] = "light";
-    Variant["Dark"] = "dark";
-})(Variant || (Variant = {}));
-var Variant$1 = Variant;
-
-/**
- * Modal sizes
- * @author Gabe Abrams
- */
-var ModalSize;
-(function (ModalSize) {
-    ModalSize["Small"] = "sm";
-    ModalSize["Medium"] = "md";
-    ModalSize["Large"] = "lg";
-    ModalSize["ExtraLarge"] = "xl";
-})(ModalSize || (ModalSize = {}));
-// Modal type to list of buttons
-({
-    [ModalType$1.Okay]: [
-        ModalButtonType$1.Okay,
-    ],
-    [ModalType$1.OkayCancel]: [
-        ModalButtonType$1.Okay,
-        ModalButtonType$1.Cancel,
-    ],
-    [ModalType$1.YesNo]: [
-        ModalButtonType$1.Yes,
-        ModalButtonType$1.No,
-    ],
-    [ModalType$1.YesNoCancel]: [
-        ModalButtonType$1.Yes,
-        ModalButtonType$1.No,
-        ModalButtonType$1.Cancel,
-    ],
-    [ModalType$1.AbandonGoBack]: [
-        ModalButtonType$1.Abandon,
-        ModalButtonType$1.GoBack,
-    ],
-    [ModalType$1.ImSureCancel]: [
-        ModalButtonType$1.ImSure,
-        ModalButtonType$1.Cancel,
-    ],
-    [ModalType$1.DeleteCancel]: [
-        ModalButtonType$1.Delete,
-        ModalButtonType$1.Cancel,
-    ],
-    [ModalType$1.ConfirmCancel]: [
-        ModalButtonType$1.Confirm,
-        ModalButtonType$1.Cancel,
-    ],
-});
-// Button type styling and labels
-({
-    [ModalButtonType$1.Okay]: {
-        label: 'Okay',
-        variant: Variant$1.Dark,
-    },
-    [ModalButtonType$1.Cancel]: {
-        label: 'Cancel',
-        variant: Variant$1.Secondary,
-    },
-    [ModalButtonType$1.Yes]: {
-        label: 'Yes',
-        variant: Variant$1.Dark,
-    },
-    [ModalButtonType$1.No]: {
-        label: 'No',
-        variant: Variant$1.Secondary,
-    },
-    [ModalButtonType$1.Abandon]: {
-        label: 'Abandon Changes',
-        variant: Variant$1.Warning,
-    },
-    [ModalButtonType$1.GoBack]: {
-        label: 'Go Back',
-        variant: Variant$1.Secondary,
-    },
-    [ModalButtonType$1.Continue]: {
-        label: 'Continue',
-        variant: Variant$1.Dark,
-    },
-    [ModalButtonType$1.ImSure]: {
-        label: 'I am sure',
-        variant: Variant$1.Warning,
-    },
-    [ModalButtonType$1.Delete]: {
-        label: 'Yes, Delete',
-        variant: Variant$1.Danger,
-    },
-    [ModalButtonType$1.Confirm]: {
-        label: 'Confirm',
-        variant: Variant$1.Dark,
-    },
-});
-
-/**
- * An error with a code
- * @author Gabe Abrams
- */
-class ErrorWithCode extends Error {
-    constructor(message, code) {
-        super(message);
-        this.name = 'ErrorWithCode';
-        this.code = code;
-    }
-}
-/**
- * Send a request using caccl's send request feature
- * @author Gabe Abrams
- * @param opts send request options
- * @returns send request response
- */
-const cacclSendRequest = (opts) => __awaiter(void 0, void 0, void 0, function* () {
-    // Make sure send request has been passed in
-    {
-        throw new ErrorWithCode(`\nThe request could not be sent because the AppWrapper component does not have a copy of sendRequest from CACCL.\nIf you are currently writing tests for your app, this means you did not properly stub the server response.\nMethod: ${opts.method}\nPath: ${opts.path}\n\n`, ReactKitErrorCode$1.NoCACCLSendRequestFunction);
-    }
-});
-/**
- * Show an alert modal with an "Okay" button
- * @author Gabe Abrams
- * @param title the title text to display at the top of the alert
- * @param text the text to display in the alert
- */
-const alert$1 = (title, text) => __awaiter(void 0, void 0, void 0, function* () {
-    // Fallback if alert not available
-    {
-        window.alert(`${title}\n\n${text}`);
-        return undefined;
-    }
-});
-/**
- * Show a fatal error message
- * @author Gabe Abrams
- * @param error the error to show
- * @param [errorTitle] title of the error box
- */
-const showFatalError = (error, errorTitle = 'An Error Occurred') => {
-    var _a, _b;
-    // Determine message and code
-    const message = (typeof error === 'string'
-        ? error.trim()
-        : String((_a = error.message) !== null && _a !== void 0 ? _a : 'An unknown error occurred.'));
-    const code = (typeof error === 'string'
-        ? ReactKitErrorCode$1.NoCode
-        : String((_b = error.code) !== null && _b !== void 0 ? _b : ReactKitErrorCode$1.NoCode));
-    // Handle case where app hasn't loaded
-    {
-        alert$1(errorTitle, `${message} (code: ${code}). Please contact support.`);
-        return undefined;
-    }
-};
-
-/**
- * Loading spinner/indicator
- * @author Gabe Abrams
- */
-/*------------------------------------------------------------------------*/
-/*                                  Style                                 */
-/*------------------------------------------------------------------------*/
-const style$5 = `
-/* Container fades in */
-.LoadingSpinner-container {
-  animation-name: LoadingSpinner-container-fade-in;
-  animation-duration: 0.3s;
-  animation-delay: 0.4s;
-  animation-fill-mode: both;
-  animation-timing-function: ease-out;
-}
-@keyframes LoadingSpinner-container-fade-in {
-  0% {
-    opacity: 0;
-  }
-  100% {
-    opacity: 1;
-  }
-}
-
-/* Blips */
-.LoadingSpinner-blip-1,
-.LoadingSpinner-blip-2,
-.LoadingSpinner-blip-3,
-.LoadingSpinner-blip-4 {
-  font-size: 1.8rem;
-  opacity: 0.6;
-  margin-top: 1rem;
-  margin-bottom: 1rem;
-}
-
-/* First Blip */
-.LoadingSpinner-blip-1 {
-  animation: LoadingSpinner-pop-animation 2s infinite;
-}
-
-/* Second Blip */
-.LoadingSpinner-blip-2 {
-  animation: LoadingSpinner-pop-animation 2s infinite;
-  -webkit-animation-delay: 0.1s;
-  animation-delay: 0.1s;
-}
-
-/* Third Blip */
-.LoadingSpinner-blip-3 {
-  animation: LoadingSpinner-pop-animation 2s infinite;
-  animation-delay: 0.2s;
-}
-
-/* Fourth Blip */
-.LoadingSpinner-blip-4 {
-  animation: LoadingSpinner-pop-animation 2s infinite;
-  animation-delay: 0.3s;
-}
-
-/* Pop Animation for Each Blip */
-@keyframes LoadingSpinner-pop-animation {
-  0%  {
-    transform: scale(1.0);
-  }
-  10% {
-    transform: scale(1.5);
-  }
-  30% {
-    transform: scale(1.0);
-  }
-  100% {
-    transform: scale(1.0);
-  }
-}
-`;
-/*------------------------------------------------------------------------*/
-/*                                Component                               */
-/*------------------------------------------------------------------------*/
-const LoadingSpinner = () => {
-    /*------------------------------------------------------------------------*/
-    /*                                 Render                                 */
-    /*------------------------------------------------------------------------*/
-    // Add all four blips to a container
-    return (React__default["default"].createElement("div", { className: "text-center LoadingSpinner LoadingSpinner-container" },
-        React__default["default"].createElement("style", null, style$5),
-        React__default["default"].createElement(reactFontawesome.FontAwesomeIcon, { icon: freeSolidSvgIcons.faCircle, className: "LoadingSpinner-blip-1 me-1" }),
-        React__default["default"].createElement(reactFontawesome.FontAwesomeIcon, { icon: freeSolidSvgIcons.faCircle, className: "LoadingSpinner-blip-2 me-1" }),
-        React__default["default"].createElement(reactFontawesome.FontAwesomeIcon, { icon: freeSolidSvgIcons.faCircle, className: "LoadingSpinner-blip-3 me-1" }),
-        React__default["default"].createElement(reactFontawesome.FontAwesomeIcon, { icon: freeSolidSvgIcons.faCircle, className: "LoadingSpinner-blip-4" })));
-};
-
-/**
- * A radio selection button
- * @author Gabe Abrams
- */
-/*------------------------------------------------------------------------*/
-/*                                Component                               */
-/*------------------------------------------------------------------------*/
-const RadioButton = (props) => {
-    /*------------------------------------------------------------------------*/
-    /*                                  Setup                                 */
-    /*------------------------------------------------------------------------*/
-    /* -------------- Props ------------- */
-    const { text, onSelected, ariaLabel, title, selected, id, noMarginOnRight, selectedVariant = Variant$1.Secondary, unselectedVariant = Variant$1.Light, small, } = props;
-    /*------------------------------------------------------------------------*/
-    /*                                 Render                                 */
-    /*------------------------------------------------------------------------*/
-    /*----------------------------------------*/
-    /*                Main UI                 */
-    /*----------------------------------------*/
-    return (React__default["default"].createElement("button", { type: "button", id: id, title: title, className: `btn btn-${selected ? selectedVariant : unselectedVariant}${selected ? ' selected' : ''}${small ? ' btn-sm' : ''} m-0${noMarginOnRight ? '' : ' me-1'}`, "aria-label": `${ariaLabel}${selected ? ': currently selected' : ''}`, onClick: () => {
-            if (!selected) {
-                onSelected();
-            }
-        } },
-        React__default["default"].createElement(reactFontawesome.FontAwesomeIcon, { icon: selected ? freeSolidSvgIcons.faDotCircle : freeRegularSvgIcons.faCircle, className: "me-1" }),
-        text));
-};
-
-/**
- * A checkbox button
- * @author Gabe Abrams
- */
-/*------------------------------------------------------------------------*/
-/*                                Component                               */
-/*------------------------------------------------------------------------*/
-const CheckboxButton = (props) => {
-    /*------------------------------------------------------------------------*/
-    /*                                  Setup                                 */
-    /*------------------------------------------------------------------------*/
-    /* -------------- Props ------------- */
-    const { text, onChanged, ariaLabel, title, checked, id, className, noMarginOnRight, checkedVariant = Variant$1.Secondary, uncheckedVariant = Variant$1.Light, small, dashed, } = props;
-    /*------------------------------------------------------------------------*/
-    /*                                 Render                                 */
-    /*------------------------------------------------------------------------*/
-    /*----------------------------------------*/
-    /*                Main UI                 */
-    /*----------------------------------------*/
-    // Determine the icon
-    let icon;
-    if (checked) {
-        icon = freeSolidSvgIcons.faCheckSquare;
-    }
-    else {
-        icon = (dashed
-            ? freeRegularSvgIcons.faSquareMinus
-            : freeRegularSvgIcons.faSquare);
-    }
-    // Create the button
-    return (React__default["default"].createElement("button", { type: "button", id: id, title: title, className: `CheckboxButton-status-${checked ? 'checked' : 'unchecked'} ${dashed ? 'CheckboxButton-dashed ' : ''}btn btn-${checked ? checkedVariant : uncheckedVariant}${checked ? ' selected' : ''}${small ? ' btn-sm' : ''} m-0${noMarginOnRight ? '' : ' me-1'} ${className !== null && className !== void 0 ? className : ''}`, "aria-label": `${ariaLabel}${checked ? ': currently checked' : ''}`, onClick: () => {
-            onChanged(!checked);
-        } },
-        React__default["default"].createElement(reactFontawesome.FontAwesomeIcon, { icon: icon, className: "me-1" }),
-        text));
-};
-
-/**
- * Input group with a title and space for buttons
- * @author Gabe Abrams
- */
-/*------------------------------------------------------------------------*/
-/*                                Component                               */
-/*------------------------------------------------------------------------*/
-const ButtonInputGroup = (props) => {
-    /*------------------------------------------------------------------------*/
-    /*                                  Setup                                 */
-    /*------------------------------------------------------------------------*/
-    /* -------------- Props ------------- */
-    // Destructure all props
-    const { label, minLabelWidth, children, } = props;
-    /*------------------------------------------------------------------------*/
-    /*                                 Render                                 */
-    /*------------------------------------------------------------------------*/
-    /*----------------------------------------*/
-    /*                 Main UI                */
-    /*----------------------------------------*/
-    return (React__default["default"].createElement("div", { className: "input-group" },
-        React__default["default"].createElement("div", { className: "input-group-prepend d-flex w-100" },
-            React__default["default"].createElement("span", { className: "input-group-text", style: {
-                    minWidth: (minLabelWidth !== null && minLabelWidth !== void 0 ? minLabelWidth : undefined),
-                    borderTopRightRadius: 0,
-                    borderBottomRightRadius: 0,
-                } }, label),
-            React__default["default"].createElement("span", { className: "input-group-text flex-grow-1 rounded-right", style: {
-                    backgroundColor: 'white',
-                    borderTopLeftRadius: 0,
-                    borderBottomLeftRadius: 0,
-                    borderLeftWidth: 0,
-                } }, children))));
-};
-
-/**
- * Copiable text box
- * @author Gabe Abrams
- */
-/* ------------- Actions ------------ */
-// Types of actions
-var ActionType$1$1;
-(function (ActionType) {
-    // Indicate that the text was recently copied
-    ActionType["IndicateRecentlyCopied"] = "indicate-recently-copied";
-    // Clear the status
-    ActionType["ClearRecentlyCopiedStatus"] = "clear-recently-copied-status";
-})(ActionType$1$1 || (ActionType$1$1 = {}));
-
-/**
- * Reusable nested item picker
- * @author Yuen Ler Chow
- */
-/* ------------- Actions ------------ */
-// Types of actions
-var ActionType$3;
-(function (ActionType) {
-    // Toggle whether the children are being shown
-    ActionType["ToggleItems"] = "toggle-items";
-})(ActionType$3 || (ActionType$3 = {}));
-
-// Keep track of whether or not session expiry has already been handled
-let sessionAlreadyExpired = false;
-/*------------------------------------------------------------------------*/
-/*                               Stub Logic                               */
-/*------------------------------------------------------------------------*/
-// Stored stub responses
-const stubResponses = {};
-/*------------------------------------------------------------------------*/
-/*                                  Main                                  */
-/*------------------------------------------------------------------------*/
-/**
- * Visit an endpoint on the server [for client only]
- * @author Gabe Abrams
- * @param opts object containing all arguments
- * @param opts.path - the path of the server endpoint
- * @param [opts.method=GET] - the method of the endpoint
- * @param [opts.params] - query/body parameters to include
- * @returns response from server
- */
-const visitServerEndpoint = (opts) => __awaiter(void 0, void 0, void 0, function* () {
-    var _a, _b, _c;
-    const method = ((_a = opts.method) !== null && _a !== void 0 ? _a : 'GET');
-    // Handle stubs
-    const stubResponse = (_b = stubResponses[method]) === null || _b === void 0 ? void 0 : _b[opts.path];
-    if (stubResponse) {
-        // Remove from list
-        try {
-            stubResponses[method][opts.path] = undefined;
-        }
-        catch (err) {
-            // Ignore
-        }
-        // Success
-        if (stubResponse.success) {
-            return stubResponse.body;
-        }
-        // Error
-        throw new ErrorWithCode(stubResponse.errorMessage, stubResponse.errorCode);
-    }
-    // Send the request
-    const response = yield cacclSendRequest({
-        path: opts.path,
-        method: (_c = opts.method) !== null && _c !== void 0 ? _c : 'GET',
-        params: opts.params,
-    });
-    // Check for failure
-    if (!response || !response.body) {
-        throw new ErrorWithCode('We didn\'t get a response from the server. Please check your internet connection.', ReactKitErrorCode$1.NoResponse);
-    }
-    if (!response.body.success) {
-        // Session expired
-        if (response.body.code === ReactKitErrorCode$1.SessionExpired) {
-            // Skip notice if session was already expired
-            if (sessionAlreadyExpired) {
-                // Never return (browser is already reloading)
-                yield new Promise(() => {
-                    // Promise that never returns
-                });
-            }
-            sessionAlreadyExpired = true;
-            // Show session expiration message
-            {
-                // Fallback to alert
-                // eslint-disable-next-line no-alert
-                alert('Your session has expired. Please start over.');
-            }
-            // Never return (don't continue execution)
-            yield new Promise(() => {
-                // Promise that never returns
-            });
-        }
-        // Other errors
-        throw new ErrorWithCode((response.body.message
-            || 'An unknown error occurred. Please contact an admin.'), (response.body.code
-            || ReactKitErrorCode$1.NoCode));
-    }
-    // Success! Extract the body
-    const { body } = response.body;
-    // Return
-    return body;
-});
-
-// Import custom error
-// Stored copy of caccl functions
-let _cacclGetLaunchInfo$1;
-/*------------------------------------------------------------------------*/
-/*                                 Helpers                                */
-/*------------------------------------------------------------------------*/
-/**
- * Get launch info via CACCL
- * @author Gabe Abrams
- * @param req express request object
- * @returns object { launched, launchInfo }
- */
-const cacclGetLaunchInfo$1 = (req) => {
-    {
-        throw new ErrorWithCode('Could not get launch info because server was not initialized with dce-reactkit\'s initServer function', ReactKitErrorCode$1.NoCACCLGetLaunchInfoFunction);
-    }
-};
-
-/**
- * Server-side API param types
- * @author Gabe Abrams
- */
-var ParamType;
-(function (ParamType) {
-    ParamType["Boolean"] = "boolean";
-    ParamType["BooleanOptional"] = "boolean-optional";
-    ParamType["Float"] = "float";
-    ParamType["FloatOptional"] = "float-optional";
-    ParamType["Int"] = "int";
-    ParamType["IntOptional"] = "int-optional";
-    ParamType["JSON"] = "json";
-    ParamType["JSONOptional"] = "json-optional";
-    ParamType["String"] = "string";
-    ParamType["StringOptional"] = "string-optional";
-})(ParamType || (ParamType = {}));
-var ParamType$1 = ParamType;
-
-// Import shared types
-/**
- * Handle an error and respond to the client
- * @author Gabe Abrams
- * @param res express response
- * @param error error info
- * @param opts.err the error to send to the client
- *   or the error message
- * @param [opts.code] an error code (only used if err.code is not
- *   included)
- * @param [opts.status=500] the https status code to use
- *   defined)
- */
-const handleError$1 = (res, error) => {
-    // Get the error message
-    let message;
-    if (error && error.message) {
-        message = (error.message || 'An unknown error occurred.');
-    }
-    else if (typeof error === 'string') {
-        message = (error.trim().length > 0
-            ? error
-            : 'An unknown error occurred.');
-    }
-    else {
-        message = 'An unknown error occurred.';
-    }
-    // Get the error code
-    const code = (error.code || ReactKitErrorCode$1.NoCode);
-    // Get the status code
-    const status = (error.status || 500);
-    // Respond to user
-    res
-        // Set the http status code
-        .status(status)
-        // Send a JSON response
-        .json({
-        // Error message
-        message,
-        // Error code
-        code,
-        // Success = false flag so client can detect server-side errors
-        success: false,
-    });
-    return undefined;
-};
-
-/**
- * Send successful API response
- * @author Gabe Abrams
- * @param res express response
- * @param body the body of the response to send to the client
- */
-const handleSuccess$1 = (res, body) => {
-    // Send a http 200 json response
-    res.json({
-        // Include the body as a parameter
-        body,
-        // Success = true flag so client can detect successful responses
-        success: true,
-    });
-    return undefined;
-};
-
-/**
- * Generate an express API route handler
- * @author Gabe Abrams
- * @param opts object containing all arguments
- * @param opts.paramTypes map containing the types for each parameter that is
- *   included in the request (map: param name => type)
- * @param opts.handler function that processes the request
- * @returns express route handler that takes the following arguments:
- *   params (map: param name => value), handleSuccess (function for handling
- *   successful requests), handleError (function for handling failed requests),
- *   req (express request object), res (express response object),
- *   next (express next function). Params also has userId, userFirstName,
- *   userLastName, isLearner, isTTM, isAdmin, and any other variables that
- *   are directly added to the session
- */
-const genRouteHandler$1 = (opts) => {
-    // Return a route handler
-    return (req, res, next) => __awaiter(void 0, void 0, void 0, function* () {
-        var _a, _b;
-        // Output params
-        const output = {};
-        /*----------------------------------------*/
-        /*              Parse Params              */
-        /*----------------------------------------*/
-        // Process items one by one
-        const paramList = Object.entries((_a = opts.paramTypes) !== null && _a !== void 0 ? _a : {});
-        for (let i = 0; i < paramList.length; i++) {
-            const [name, type] = paramList[i];
-            // Find the value as a string
-            const value = (req.params[name]
-                || req.query[name]
-                || req.body[name]);
-            // Parse
-            if (type === ParamType$1.Boolean || type === ParamType$1.BooleanOptional) {
-                // Boolean
-                // Handle case where value doesn't exist
-                if (value === undefined) {
-                    if (type === ParamType$1.BooleanOptional) {
-                        output[name] = undefined;
+            filterDrawer && (React__default["default"].createElement(Drawer, { customBackgroundColor: "#eee" }, filterDrawer))));
+        // Actually filter the logs
+        // > Perform filters
+        const logs = [];
+        Object.keys(logMap).forEach((year) => {
+            Object.keys(logMap[year]).forEach((month) => {
+                logMap[year][month].forEach((log) => {
+                    /* ----------- Date Filter ---------- */
+                    var _a;
+                    // Before start date
+                    if (
+                    // Previous year
+                    log.year < dateFilterState.startDate.year
+                        // Same year, earlier month
+                        || ((log.year === dateFilterState.startDate.year)
+                            && (log.month < dateFilterState.startDate.month))
+                        // Same year, same month, earlier day
+                        || ((log.year === dateFilterState.startDate.year)
+                            && (log.month === dateFilterState.startDate.month)
+                            && (log.day < dateFilterState.startDate.day))) {
+                        return;
                     }
-                    else {
-                        return handleError$1(res, {
-                            message: `Parameter ${name} is required, but it was not included.`,
-                            code: ReactKitErrorCode$1.MissingParameter,
-                            status: 422,
-                        });
+                    // After end date
+                    if (
+                    // Later year
+                    log.year > dateFilterState.endDate.year
+                        // Same year, later month
+                        || ((log.year === dateFilterState.endDate.year)
+                            && (log.month > dateFilterState.endDate.month))
+                        // Same year, same month, later day
+                        || ((log.year === dateFilterState.endDate.year)
+                            && (log.month === dateFilterState.endDate.month)
+                            && (log.day > dateFilterState.endDate.day))) {
+                        return;
                     }
-                }
-                else {
-                    // Value exists
-                    // Simplify value
-                    const simpleVal = (String(value)
-                        .trim()
-                        .toLowerCase());
-                    // Parse
-                    output[name] = ([
-                        'true',
-                        'yes',
-                        'y',
-                        '1',
-                        't',
-                    ].indexOf(simpleVal) >= 0);
-                }
-            }
-            else if (type === ParamType$1.Float || type === ParamType$1.FloatOptional) {
-                // Float
-                // Handle case where value doesn't exist
-                if (value === undefined) {
-                    if (type === ParamType$1.FloatOptional) {
-                        output[name] = undefined;
+                    /* --------- Context Filter --------- */
+                    // Context doesn't match
+                    if (
+                    // Whole context is deselected
+                    contextFilterState[log.context] === false
+                        // None of the subcontexts are selected
+                        || (
+                        // Has subcontexts
+                        typeof contextFilterState[log.context] !== 'boolean'
+                            // None of the subcontexts are selected
+                            && Object.values((_a = contextFilterState[log.context]) !== null && _a !== void 0 ? _a : {})
+                                .every((isSelected) => {
+                                return !isSelected;
+                            }))) {
+                        return;
                     }
-                    else {
-                        return handleError$1(res, {
-                            message: `Parameter ${name} is required, but it was not included.`,
-                            code: ReactKitErrorCode$1.MissingParameter,
-                            status: 422,
-                        });
+                    // Subcontext doesn't match
+                    if (
+                    // Log context is not "uncategorized" (no point in further filters)
+                    log.context !== LogBuiltInMetadata.Context.Uncategorized
+                        // Log has a subcontext
+                        && log.subcontext
+                        // Context has subcontexts
+                        && (contextFilterState[log.context]
+                            && contextFilterState[log.context] !== false
+                            && contextFilterState[log.context] !== true)
+                        // Subcontext is not selected
+                        && !contextFilterState[log.context][log.subcontext]) {
+                        return;
                     }
-                }
-                else if (!Number.isNaN(Number.parseFloat(String(value)))) {
-                    // Value is a number
-                    output[name] = Number.parseFloat(String(value));
-                }
-                else {
-                    // Issue!
-                    return handleError$1(res, {
-                        message: `Request data was malformed: ${name} was not a valid float.`,
-                        code: ReactKitErrorCode$1.InvalidParameter,
-                        status: 422,
-                    });
-                }
-            }
-            else if (type === ParamType$1.Int || type === ParamType$1.IntOptional) {
-                // Int
-                // Handle case where value doesn't exist
-                if (value === undefined) {
-                    if (type === ParamType$1.IntOptional) {
-                        output[name] = undefined;
+                    /* -------------- Tags -------------- */
+                    // No tags match
+                    if (
+                    // At least one tag is required
+                    Object.values(tagFilterState)
+                        .filter((isSelected) => {
+                        return isSelected;
+                    })
+                        .length > 0
+                        // No tags match
+                        && log.tags.every((tag) => {
+                            return !tagFilterState[tag];
+                        })) {
+                        return;
                     }
-                    else {
-                        return handleError$1(res, {
-                            message: `Parameter ${name} is required, but it was not included.`,
-                            code: ReactKitErrorCode$1.MissingParameter,
-                            status: 422,
-                        });
+                    /* ------- Actions and Errors ------- */
+                    // Log type doesn't match
+                    if (
+                    // Filter won't allow all types
+                    actionErrorFilterState.type !== undefined
+                        // Log type doesn't match
+                        && actionErrorFilterState.type !== log.type) {
+                        return;
                     }
-                }
-                else if (!Number.isNaN(Number.parseInt(String(value), 10))) {
-                    // Value is a number
-                    output[name] = Number.parseInt(String(value), 10);
-                }
-                else {
-                    // Issue!
-                    return handleError$1(res, {
-                        message: `Request data was malformed: ${name} was not a valid int.`,
-                        code: ReactKitErrorCode$1.InvalidParameter,
-                        status: 422,
-                    });
-                }
-            }
-            else if (type === ParamType$1.JSON || type === ParamType$1.JSONOptional) {
-                // Stringified JSON
-                // Handle case where value doesn't exist
-                if (value === undefined) {
-                    if (type === ParamType$1.JSONOptional) {
-                        output[name] = undefined;
+                    // Filter errors
+                    if (log.type === LogType$1.Error) {
+                        // Message doesn't match
+                        if (
+                        // Message exists
+                        log.errorMessage
+                            // Message filter exists
+                            && actionErrorFilterState.errorMessage.trim().length > 0
+                            // Message doesn't match
+                            && log.errorMessage.toLowerCase().includes(actionErrorFilterState.errorMessage.trim().toLowerCase())) {
+                            return;
+                        }
+                        // Code doesn't match
+                        if (
+                        // Code exists
+                        log.errorCode
+                            // Code filter exists
+                            && actionErrorFilterState.errorCode.trim().length > 0
+                            // Code doesn't match
+                            && log.errorCode.toUpperCase().includes(actionErrorFilterState.errorCode.trim().toUpperCase())) {
+                            return;
+                        }
                     }
-                    else {
-                        return handleError$1(res, {
-                            message: `Parameter ${name} is required, but it was not included.`,
-                            code: ReactKitErrorCode$1.MissingParameter,
-                            status: 422,
-                        });
+                    // Filter actions
+                    if (log.type === LogType$1.Action) {
+                        // Target isn't selected
+                        if (
+                        // Target exists
+                        log.target
+                            // Target isn't selected
+                            && !actionErrorFilterState.target[log.target]) {
+                            return;
+                        }
+                        // Action
+                        if (
+                        // Action exists
+                        log.action
+                            // Action isn't selected
+                            && !actionErrorFilterState.action[log.action]) {
+                            return;
+                        }
                     }
-                }
-                else {
-                    // Value exists
-                    // Parse
-                    try {
-                        output[name] = JSON.parse(String(value));
+                    /* --------- Advanced Filter -------- */
+                    // First name doesn't match
+                    if (
+                    // First name exists
+                    log.userFirstName
+                        // First name query doesn't match
+                        && !log.userFirstName.toLowerCase().includes(advancedFilterState.userFirstName.toLowerCase().trim())) {
+                        return;
                     }
-                    catch (err) {
-                        return handleError$1(res, {
-                            message: `Request data was malformed: ${name} was not a valid JSON payload.`,
-                            code: ReactKitErrorCode$1.InvalidParameter,
-                            status: 422,
-                        });
+                    // Last name doesn't match
+                    if (
+                    // Last name exists
+                    log.userLastName
+                        // Last name query doesn't match
+                        && !log.userLastName.toLowerCase().includes(advancedFilterState.userLastName.toLowerCase().trim())) {
+                        return;
                     }
-                }
-            }
-            else if (type === ParamType$1.String || type === ParamType$1.StringOptional) {
-                // String
-                // Handle case where value doesn't exist
-                if (value === undefined) {
-                    if (type === ParamType$1.StringOptional) {
-                        output[name] = undefined;
+                    // Email doesn't match
+                    if (
+                    // Email exists
+                    log.userEmail
+                        // Email query doesn't match
+                        && !log.userEmail.toLowerCase().includes(advancedFilterState.userEmail.toLowerCase().trim())) {
+                        return;
                     }
-                    else {
-                        return handleError$1(res, {
-                            message: `Parameter ${name} is required, but it was not included.`,
-                            code: ReactKitErrorCode$1.MissingParameter,
-                            status: 422,
-                        });
+                    // User id doesn't match
+                    if (
+                    // User id exists
+                    log.userId
+                        // User id doesn't match
+                        && !String(log.userId).includes(advancedFilterState.userId.trim())) {
+                        return;
                     }
-                }
-                else {
-                    // Value exists
-                    // Leave as is
-                    output[name] = value;
-                }
-            }
-            else {
-                // No valid data type
-                return handleError$1(res, {
-                    message: `An internal error occurred: we could not determine the type of ${name}.`,
-                    code: ReactKitErrorCode$1.InvalidParameter,
-                    status: 422,
+                    // Learner not allowed
+                    if (
+                    // User is a learner
+                    log.isLearner
+                        // Learners aren't included
+                        && !advancedFilterState.includeLearners) {
+                        return;
+                    }
+                    // TTM not allowed
+                    if (
+                    // User is a ttm
+                    log.isTTM
+                        // TTMs aren't included
+                        && !advancedFilterState.includeTTMs) {
+                        return;
+                    }
+                    // Admin not allowed
+                    if (
+                    // User is an admin
+                    log.isAdmin
+                        // Admins aren't included
+                        && !advancedFilterState.includeAdmins) {
+                        return;
+                    }
+                    // Course Id doesn't match
+                    if (
+                    // Course Id exists
+                    log.courseId
+                        // Course Id doesn't match
+                        && !String(log.courseId).includes(advancedFilterState.courseId.trim())) {
+                        return;
+                    }
+                    // Course name doesn't match
+                    if (
+                    // Course name exists
+                    log.courseName
+                        // Course name doesn't match
+                        && !String(log.courseName).includes(advancedFilterState.courseName.trim())) {
+                        return;
+                    }
+                    // Mobile filter doesn't match
+                    if (
+                    // Mobile filter exists
+                    advancedFilterState.isMobile !== undefined
+                        // Device info exists
+                        && log.device
+                        // Mobile filter doesn't match
+                        && (advancedFilterState.isMobile !== log.device.isMobile)) {
+                        return;
+                    }
+                    // Log source doesn't match
+                    if (
+                    // Source filter exists
+                    advancedFilterState.source !== undefined
+                        // Source info exists
+                        && log.source
+                        // Source filter doesn't match
+                        && (advancedFilterState.source !== log.source)) {
+                        return;
+                    }
+                    // Route path doesn't match (Only for server source)
+                    if (
+                    // Source is server
+                    (log.source === LogSource$1.Server)
+                        // Route path is being filtered
+                        && (advancedFilterState.routePath.trim().length)
+                        // Route path doesn't match
+                        && !(log.routePath.includes(advancedFilterState.routePath.trim()))) {
+                        return;
+                    }
+                    // Route template doesn't match (Only for server source)
+                    if (
+                    // Source is server
+                    (log.source === LogSource$1.Server)
+                        // Route template is being filtered
+                        && (advancedFilterState.routeTemplate.trim().length)
+                        // Route template doesn't match
+                        && !(log.routeTemplate.includes(advancedFilterState.routeTemplate.trim()))) {
+                        return;
+                    }
+                    /* -------------- Done -------------- */
+                    // Made it past all filters. Add to the list
+                    logs.push(log);
                 });
-            }
-        }
-        /*----------------------------------------*/
-        /*               Launch Info              */
-        /*----------------------------------------*/
-        // Get launch info
-        const { launched, launchInfo } = cacclGetLaunchInfo$1(req);
-        if (!launched || !launchInfo) {
-            return handleError$1(res, {
-                message: 'Your session has expired. Please refresh the page and try again.',
-                code: ReactKitErrorCode$1.SessionExpired,
-                status: 440,
-            });
-        }
-        // Error if user info cannot be found
-        if (!launchInfo.userId
-            || !launchInfo.userFirstName
-            || !launchInfo.userLastName
-            || (launchInfo.notInCourse
-                && !launchInfo.isAdmin)
-            || (!launchInfo.isTTM
-                && !launchInfo.isLearner
-                && !launchInfo.isAdmin)) {
-            return handleError$1(res, {
-                message: 'Your session was invalid. Please refresh the page and try again.',
-                code: ReactKitErrorCode$1.SessionExpired,
-                status: 440,
             });
-        }
-        // Add launch info to output
-        output.userId = launchInfo.userId;
-        output.userFirstName = launchInfo.userFirstName;
-        output.userLastName = launchInfo.userLastName;
-        output.userEmail = launchInfo.userEmail;
-        output.isLearner = !!launchInfo.isLearner;
-        output.isTTM = !!launchInfo.isTTM;
-        output.isAdmin = !!launchInfo.isAdmin;
-        output.courseId = ((_b = output.courseId) !== null && _b !== void 0 ? _b : launchInfo.courseId);
-        output.courseName = launchInfo.contextLabel;
-        // Add other session variables
-        Object.keys(req.session).forEach((propName) => {
-            // Skip if prop already in output
-            if (output[propName] !== undefined) {
-                return;
-            }
-            // Add to output
-            const value = req.session[propName];
-            if (typeof value === 'string'
-                || typeof value === 'boolean'
-                || typeof value === 'number') {
-                output[propName] = value;
-            }
         });
         /*----------------------------------------*/
-        /*       Require Course Consistency       */
-        /*----------------------------------------*/
-        // Make sure the user actually launched from the appropriate course
-        if (output.courseId
-            && launchInfo.courseId
-            && output.courseId !== launchInfo.courseId
-            && !output.isTTM
-            && !output.isAdmin) {
-            // Course of interest is not the launch course
-            return handleError$1(res, {
-                message: 'You switched sessions by opening this app in another tab. Please refresh the page and try again.',
-                code: ReactKitErrorCode$1.WrongCourse,
-                status: 401,
-            });
-        }
-        /*----------------------------------------*/
-        /*       Require Proper Permissions       */
+        /*                  Data                  */
         /*----------------------------------------*/
-        // Add TTM endpoint security
-        if (
-        // This is a TTM endpoint
-        req.path.startsWith('/api/ttm')
-            // User is not a TTM
-            && (
-            // User is not a TTM
-            !output.isTTM
-                // User is not an admin
-                && !output.isAdmin)) {
-            // User does not have access
-            return handleError$1(res, {
-                message: 'This action is only allowed if you are a teaching team member for the course. Please go back to Canvas, log in as a teaching team member, and try again.',
-                code: ReactKitErrorCode$1.NotTTM,
-                status: 401,
-            });
-        }
-        // Add Admin endpoint security
-        if (
-        // This is an admin endpoint
-        req.path.startsWith('/api/admin')
-            // User is not an admin
-            && !output.isAdmin) {
-            // User does not have access
-            return handleError$1(res, {
-                message: 'This action is only allowed if you are a Canvas admin. Please go back to Canvas, log in as an admin, and try again.',
-                code: ReactKitErrorCode$1.NotAdmin,
-                status: 401,
-            });
-        }
-        /*------------------------------------------------------------------------*/
-        /*                              Call handler                              */
-        /*------------------------------------------------------------------------*/
-        try {
-            const results = yield opts.handler({
-                params: output,
-                req,
-                res,
-                next,
-            });
-            // Send results to client
-            handleSuccess$1(res, results !== null && results !== void 0 ? results : undefined);
-        }
-        catch (err) {
-            // Send error to client
-            handleError$1(res, err);
-        }
-    });
+        // Nothing to show notice
+        const noLogsNotice = (logs.length === 0
+            ? (React__default["default"].createElement("div", { className: "alert alert-warning text-center mt-2" },
+                React__default["default"].createElement("h4", { className: "m-1" }, "No Logs to Show"),
+                React__default["default"].createElement("div", null, "Either your filters are too strict or no matching logs have been created yet.")))
+            : undefined);
+        // Create intelliTable
+        const dataTable = (React__default["default"].createElement(IntelliTable, { title: "Matching Logs:", csvName: `Logs from ${getHumanReadableDate()}`, id: "logs", data: logs, columns: columns }));
+        // Main body
+        body = (React__default["default"].createElement(React__default["default"].Fragment, null,
+            filters,
+            React__default["default"].createElement("div", { className: "mt-2" },
+                dataTable,
+                noLogsNotice)));
+    }
+    /* ---------- Wrap in Modal --------- */
+    return (React__default["default"].createElement("div", { className: "LogReviewer-outer-container" },
+        React__default["default"].createElement("style", null, style$1),
+        React__default["default"].createElement("div", { className: "LogReviewer-inner-container" },
+            React__default["default"].createElement("div", { className: "LogReviewer-header" },
+                React__default["default"].createElement("div", { className: "LogReviewer-header-title" },
+                    React__default["default"].createElement("h3", { className: "text-center m-0" }, "Log Review Dashboard")),
+                React__default["default"].createElement("div", { style: { width: 0 } },
+                    React__default["default"].createElement("button", { type: "button", className: "LogReviewer-header-close-button btn btn-dark btn-lg pe-0", "aria-label": "close log reviewer panel", onClick: onClose },
+                        React__default["default"].createElement(reactFontawesome.FontAwesomeIcon, { icon: freeSolidSvgIcons.faTimes })))),
+            React__default["default"].createElement("div", { className: "LogReviewer-contents" }, body))));
 };
 
-/**
- * Days of the week
- * @author Gabe Abrams
- */
-var DayOfWeek$2;
-(function (DayOfWeek) {
-    DayOfWeek["Monday"] = "m";
-    DayOfWeek["Tuesday"] = "t";
-    DayOfWeek["Wednesday"] = "w";
-    DayOfWeek["Thursday"] = "r";
-    DayOfWeek["Friday"] = "f";
-    DayOfWeek["Saturday"] = "s";
-    DayOfWeek["Sunday"] = "u";
-})(DayOfWeek$2 || (DayOfWeek$2 = {}));
-
 /**
  * Options for field types
  * @author Yuen Ler Chow
@@ -40675,7 +39712,7 @@ const AddOrEditDBEntry = (props) => {
      * Save changes to the DBEntry and then finish
      * @author Yuen Ler Chow
      */
-    const save = () => __awaiter$1(void 0, void 0, void 0, function* () {
+    const save = () => __awaiter(void 0, void 0, void 0, function* () {
         // Start the save loading indicator
         dispatch({ type: ActionType$1.StartSave });
         // add all default values to the entry
@@ -40945,7 +39982,7 @@ const AddOrEditDBEntry = (props) => {
                 return renderEntryField(field, disabled);
             }),
             React__default["default"].createElement("div", { className: "text-center mt-2" },
-                React__default["default"].createElement("button", { type: "button", id: "AddOrEditDBEntry-save-changes-button", className: "btn btn-primary btn-lg me-1", "aria-label": "Save changes", onClick: () => __awaiter$1(void 0, void 0, void 0, function* () {
+                React__default["default"].createElement("button", { type: "button", id: "AddOrEditDBEntry-save-changes-button", className: "btn btn-primary btn-lg me-1", "aria-label": "Save changes", onClick: () => __awaiter(void 0, void 0, void 0, function* () {
                         if (validationError) {
                             return alert$1('Please fix the following error', validationError);
                         }
@@ -40976,6 +40013,7 @@ const AddOrEditDBEntry = (props) => {
  * @author Yuen Ler Chow
  * @param collectionName the name of the collection
  * @param [adminsOnly] true if the endpoint is for admins only
+ * @returns the endpoint path
  */
 const generateEndpointPath = (collectionName, adminsOnly) => {
     // Determine prefix based on whether the endpoint is for admins only
@@ -41088,7 +40126,7 @@ const DBEntryManagerPanel = (props) => {
      * @author Yuen Ler Chow
      * @param entry the database entry to delete
      */
-    const deleteEntry = (entry) => __awaiter$1(void 0, void 0, void 0, function* () {
+    const deleteEntry = (entry) => __awaiter(void 0, void 0, void 0, function* () {
         // Confirm
         const confirmed = yield confirm('Remove?', `Are you sure you want to remove this ${itemName}?`, {
             confirmButtonText: 'Remove Item',
@@ -41104,7 +40142,7 @@ const DBEntryManagerPanel = (props) => {
                 type: ActionType.StartDelete,
             });
             // Perform deletion
-            yield visitServerEndpoint$1({
+            yield visitServerEndpoint({
                 path: `${endpoint}/${entry[idPropName]}`,
                 method: 'DELETE',
             });
@@ -41116,7 +40154,7 @@ const DBEntryManagerPanel = (props) => {
             });
         }
         catch (err) {
-            return showFatalError$1(err);
+            return showFatalError(err);
         }
     });
     /*------------------------------------------------------------------------*/
@@ -41127,10 +40165,10 @@ const DBEntryManagerPanel = (props) => {
      * @author Yuen Ler Chow
      */
     React.useEffect(() => {
-        (() => __awaiter$1(void 0, void 0, void 0, function* () {
+        (() => __awaiter(void 0, void 0, void 0, function* () {
             // Load list of database entries
             try {
-                const data = yield visitServerEndpoint$1({
+                const data = yield visitServerEndpoint({
                     path: endpoint,
                     method: 'GET',
                     params: {
@@ -41144,7 +40182,7 @@ const DBEntryManagerPanel = (props) => {
                 });
             }
             catch (err) {
-                return showFatalError$1(err);
+                return showFatalError(err);
             }
         }))();
     }, []);
@@ -41157,7 +40195,7 @@ const DBEntryManagerPanel = (props) => {
     let body;
     /* ------------- Loading ------------ */
     if (loading) {
-        body = (React__default["default"].createElement(LoadingSpinner$1, null));
+        body = (React__default["default"].createElement(LoadingSpinner, null));
     }
     /* ------------- List of entries ------------ */
     if (!loading && !adding && !dbEntryToEdit) {
@@ -41441,7 +40479,7 @@ let _logCollection;
  */
 const cacclGetLaunchInfo = (req) => {
     if (!_cacclGetLaunchInfo) {
-        throw new ErrorWithCode$1('Could not get launch info because server was not initialized with dce-reactkit\'s initServer function', ReactKitErrorCode$3.NoCACCLGetLaunchInfoFunction);
+        throw new ErrorWithCode('Could not get launch info because server was not initialized with dce-reactkit\'s initServer function', ReactKitErrorCode$1.NoCACCLGetLaunchInfoFunction);
     }
     return _cacclGetLaunchInfo(req);
 };
@@ -41501,16 +40539,16 @@ const initServer = (opts) => {
      */
     opts.app.post(LOG_ROUTE_PATH, genRouteHandler({
         paramTypes: {
-            context: ParamType$3.String,
-            subcontext: ParamType$3.String,
-            tags: ParamType$3.JSON,
-            level: ParamType$3.String,
-            metadata: ParamType$3.JSON,
-            errorMessage: ParamType$3.StringOptional,
-            errorCode: ParamType$3.StringOptional,
-            errorStack: ParamType$3.StringOptional,
-            target: ParamType$3.StringOptional,
-            action: ParamType$3.StringOptional,
+            context: ParamType$1.String,
+            subcontext: ParamType$1.String,
+            tags: ParamType$1.JSON,
+            level: ParamType$1.String,
+            metadata: ParamType$1.JSON,
+            errorMessage: ParamType$1.StringOptional,
+            errorCode: ParamType$1.StringOptional,
+            errorStack: ParamType$1.StringOptional,
+            target: ParamType$1.StringOptional,
+            action: ParamType$1.StringOptional,
         },
         handler: ({ params, logServerEvent }) => {
             // Create log info
@@ -41556,7 +40594,7 @@ const initServer = (opts) => {
      * @param isAdmin if true, the user is an admin
      * @returns true if the user can review logs
      */
-    const canReviewLogs = (userId, isAdmin) => __awaiter$1(void 0, void 0, void 0, function* () {
+    const canReviewLogs = (userId, isAdmin) => __awaiter(void 0, void 0, void 0, function* () {
         // Immediately deny access if user is not an admin
         if (!isAdmin) {
             return false;
@@ -41589,7 +40627,7 @@ const initServer = (opts) => {
      * @returns {boolean} true if user has access
      */
     opts.app.get(LOG_REVIEW_STATUS_ROUTE, genRouteHandler({
-        handler: ({ params }) => __awaiter$1(void 0, void 0, void 0, function* () {
+        handler: ({ params }) => __awaiter(void 0, void 0, void 0, function* () {
             const { userId, isAdmin } = params;
             const canReview = yield canReviewLogs(userId, isAdmin);
             return canReview;
@@ -41604,16 +40642,16 @@ const initServer = (opts) => {
      */
     opts.app.get(`${LOG_REVIEW_ROUTE_PATH_PREFIX}/years/:year/months/:month`, genRouteHandler({
         paramTypes: {
-            year: ParamType$3.Int,
-            month: ParamType$3.Int,
+            year: ParamType$1.Int,
+            month: ParamType$1.Int,
         },
-        handler: ({ params }) => __awaiter$1(void 0, void 0, void 0, function* () {
+        handler: ({ params }) => __awaiter(void 0, void 0, void 0, function* () {
             // Get user info
             const { year, month, userId, isAdmin, } = params;
             // Validate user
             const canReview = yield canReviewLogs(userId, isAdmin);
             if (!canReview) {
-                throw new ErrorWithCode$1('You cannot access this resource because you do not have the appropriate permissions.', ReactKitErrorCode$3.NotAllowedToReviewLogs);
+                throw new ErrorWithCode('You cannot access this resource because you do not have the appropriate permissions.', ReactKitErrorCode$1.NotAllowedToReviewLogs);
             }
             // Query for logs
             const logs = yield _logCollection.find({
@@ -41654,7 +40692,7 @@ const handleError = (res, error) => {
         message = 'An unknown error occurred.';
     }
     // Get the error code
-    const code = (error.code || ReactKitErrorCode$3.NoCode);
+    const code = (error.code || ReactKitErrorCode$1.NoCode);
     // Get the status code
     const status = (error.status || 500);
     // Respond to user
@@ -41708,7 +40746,7 @@ const genErrorPage = (opts = {}) => {
     const title = ((_a = opts.title) !== null && _a !== void 0 ? _a : 'An Error Occurred');
     const pageTitle = ((_b = opts.pageTitle) !== null && _b !== void 0 ? _b : title);
     const description = ((_c = opts.description) !== null && _c !== void 0 ? _c : 'An unknown server error occurred. Please contact support.');
-    const code = ((_d = opts.code) !== null && _d !== void 0 ? _d : ReactKitErrorCode$3.NoCode);
+    const code = ((_d = opts.code) !== null && _d !== void 0 ? _d : ReactKitErrorCode$1.NoCode);
     return `
 <head>
   <!-- Metadata -->
@@ -41947,7 +40985,7 @@ const parseUserAgent = (userAgent) => {
  */
 const genRouteHandler = (opts) => {
     // Return a route handler
-    return (req, res, next) => __awaiter$1(void 0, void 0, void 0, function* () {
+    return (req, res, next) => __awaiter(void 0, void 0, void 0, function* () {
         var _a, _b;
         // Output params
         const output = {};
@@ -41963,17 +41001,17 @@ const genRouteHandler = (opts) => {
                 || req.query[name]
                 || req.body[name]);
             // Parse
-            if (type === ParamType$3.Boolean || type === ParamType$3.BooleanOptional) {
+            if (type === ParamType$1.Boolean || type === ParamType$1.BooleanOptional) {
                 // Boolean
                 // Handle case where value doesn't exist
                 if (value === undefined) {
-                    if (type === ParamType$3.BooleanOptional) {
+                    if (type === ParamType$1.BooleanOptional) {
                         output[name] = undefined;
                     }
                     else {
                         return handleError(res, {
                             message: `Parameter ${name} is required, but it was not included.`,
-                            code: ReactKitErrorCode$3.MissingParameter,
+                            code: ReactKitErrorCode$1.MissingParameter,
                             status: 422,
                         });
                     }
@@ -41994,17 +41032,17 @@ const genRouteHandler = (opts) => {
                     ].indexOf(simpleVal) >= 0);
                 }
             }
-            else if (type === ParamType$3.Float || type === ParamType$3.FloatOptional) {
+            else if (type === ParamType$1.Float || type === ParamType$1.FloatOptional) {
                 // Float
                 // Handle case where value doesn't exist
                 if (value === undefined) {
-                    if (type === ParamType$3.FloatOptional) {
+                    if (type === ParamType$1.FloatOptional) {
                         output[name] = undefined;
                     }
                     else {
                         return handleError(res, {
                             message: `Parameter ${name} is required, but it was not included.`,
-                            code: ReactKitErrorCode$3.MissingParameter,
+                            code: ReactKitErrorCode$1.MissingParameter,
                             status: 422,
                         });
                     }
@@ -42017,22 +41055,22 @@ const genRouteHandler = (opts) => {
                     // Issue!
                     return handleError(res, {
                         message: `Request data was malformed: ${name} was not a valid float.`,
-                        code: ReactKitErrorCode$3.InvalidParameter,
+                        code: ReactKitErrorCode$1.InvalidParameter,
                         status: 422,
                     });
                 }
             }
-            else if (type === ParamType$3.Int || type === ParamType$3.IntOptional) {
+            else if (type === ParamType$1.Int || type === ParamType$1.IntOptional) {
                 // Int
                 // Handle case where value doesn't exist
                 if (value === undefined) {
-                    if (type === ParamType$3.IntOptional) {
+                    if (type === ParamType$1.IntOptional) {
                         output[name] = undefined;
                     }
                     else {
                         return handleError(res, {
                             message: `Parameter ${name} is required, but it was not included.`,
-                            code: ReactKitErrorCode$3.MissingParameter,
+                            code: ReactKitErrorCode$1.MissingParameter,
                             status: 422,
                         });
                     }
@@ -42045,22 +41083,22 @@ const genRouteHandler = (opts) => {
                     // Issue!
                     return handleError(res, {
                         message: `Request data was malformed: ${name} was not a valid int.`,
-                        code: ReactKitErrorCode$3.InvalidParameter,
+                        code: ReactKitErrorCode$1.InvalidParameter,
                         status: 422,
                     });
                 }
             }
-            else if (type === ParamType$3.JSON || type === ParamType$3.JSONOptional) {
+            else if (type === ParamType$1.JSON || type === ParamType$1.JSONOptional) {
                 // Stringified JSON
                 // Handle case where value doesn't exist
                 if (value === undefined) {
-                    if (type === ParamType$3.JSONOptional) {
+                    if (type === ParamType$1.JSONOptional) {
                         output[name] = undefined;
                     }
                     else {
                         return handleError(res, {
                             message: `Parameter ${name} is required, but it was not included.`,
-                            code: ReactKitErrorCode$3.MissingParameter,
+                            code: ReactKitErrorCode$1.MissingParameter,
                             status: 422,
                         });
                     }
@@ -42074,23 +41112,23 @@ const genRouteHandler = (opts) => {
                     catch (err) {
                         return handleError(res, {
                             message: `Request data was malformed: ${name} was not a valid JSON payload.`,
-                            code: ReactKitErrorCode$3.InvalidParameter,
+                            code: ReactKitErrorCode$1.InvalidParameter,
                             status: 422,
                         });
                     }
                 }
             }
-            else if (type === ParamType$3.String || type === ParamType$3.StringOptional) {
+            else if (type === ParamType$1.String || type === ParamType$1.StringOptional) {
                 // String
                 // Handle case where value doesn't exist
                 if (value === undefined) {
-                    if (type === ParamType$3.StringOptional) {
+                    if (type === ParamType$1.StringOptional) {
                         output[name] = undefined;
                     }
                     else {
                         return handleError(res, {
                             message: `Parameter ${name} is required, but it was not included.`,
-                            code: ReactKitErrorCode$3.MissingParameter,
+                            code: ReactKitErrorCode$1.MissingParameter,
                             status: 422,
                         });
                     }
@@ -42105,7 +41143,7 @@ const genRouteHandler = (opts) => {
                 // No valid data type
                 return handleError(res, {
                     message: `An internal error occurred: we could not determine the type of ${name}.`,
-                    code: ReactKitErrorCode$3.InvalidParameter,
+                    code: ReactKitErrorCode$1.InvalidParameter,
                     status: 422,
                 });
             }
@@ -42122,7 +41160,7 @@ const genRouteHandler = (opts) => {
             && !opts.skipSessionCheck) {
             return handleError(res, {
                 message: 'Your session has expired. Please refresh the page and try again.',
-                code: ReactKitErrorCode$3.SessionExpired,
+                code: ReactKitErrorCode$1.SessionExpired,
                 status: 401,
             });
         }
@@ -42142,7 +41180,7 @@ const genRouteHandler = (opts) => {
             && !opts.skipSessionCheck) {
             return handleError(res, {
                 message: 'Your session was invalid. Please refresh the page and try again.',
-                code: ReactKitErrorCode$3.SessionExpired,
+                code: ReactKitErrorCode$1.SessionExpired,
                 status: 401,
             });
         }
@@ -42201,7 +41239,7 @@ const genRouteHandler = (opts) => {
             // Course of interest is not the launch course
             return handleError(res, {
                 message: 'You switched sessions by opening this app in another tab. Please refresh the page and try again.',
-                code: ReactKitErrorCode$3.WrongCourse,
+                code: ReactKitErrorCode$1.WrongCourse,
                 status: 401,
             });
         }
@@ -42221,7 +41259,7 @@ const genRouteHandler = (opts) => {
             // User does not have access
             return handleError(res, {
                 message: 'This action is only allowed if you are a teaching team member for the course. Please go back to Canvas, log in as a teaching team member, and try again.',
-                code: ReactKitErrorCode$3.NotTTM,
+                code: ReactKitErrorCode$1.NotTTM,
                 status: 401,
             });
         }
@@ -42234,7 +41272,7 @@ const genRouteHandler = (opts) => {
             // User does not have access
             return handleError(res, {
                 message: 'This action is only allowed if you are a Canvas admin. Please go back to Canvas, log in as an admin, and try again.',
-                code: ReactKitErrorCode$3.NotAdmin,
+                code: ReactKitErrorCode$1.NotAdmin,
                 status: 401,
             });
         }
@@ -42246,7 +41284,7 @@ const genRouteHandler = (opts) => {
          * Log an event on the server
          * @author Gabe Abrams
          */
-        const logServerEvent = (opts) => __awaiter$1(void 0, void 0, void 0, function* () {
+        const logServerEvent = (opts) => __awaiter(void 0, void 0, void 0, function* () {
             var _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o;
             // NOTE: internally, we slip through an opts.overrideAsClientEvent boolean
             // that indicates that this is actually a client event, but we don't
@@ -42290,7 +41328,7 @@ const genRouteHandler = (opts) => {
                     ? {
                         type: LogType$1.Error,
                         errorMessage: (_j = opts.error.message) !== null && _j !== void 0 ? _j : 'Unknown message',
-                        errorCode: (_k = opts.error.code) !== null && _k !== void 0 ? _k : ReactKitErrorCode$3.NoCode,
+                        errorCode: (_k = opts.error.code) !== null && _k !== void 0 ? _k : ReactKitErrorCode$1.NoCode,
                         errorStack: (_l = opts.error.stack) !== null && _l !== void 0 ? _l : 'No stack',
                     }
                     : {
@@ -42495,7 +41533,7 @@ const startMinWait = (minWaitMs) => {
      * Finish the remaining time to wait
      * @author Gabe Abrams
      */
-    return () => __awaiter$1(void 0, void 0, void 0, function* () {
+    return () => __awaiter(void 0, void 0, void 0, function* () {
         const endTimestamp = Date.now();
         // Calculate remaining time to wait
         const elapsedTimeMs = (endTimestamp - startTimestamp);
@@ -42582,7 +41620,7 @@ const onlyKeepLetters = (str) => {
  *   once
  * @returns array of resolved values in the same order as the task functions
  */
-const parallelLimit = (taskFunctions, limit) => __awaiter$1(void 0, void 0, void 0, function* () {
+const parallelLimit = (taskFunctions, limit) => __awaiter(void 0, void 0, void 0, function* () {
     const results = [];
     // Wait until finished with all tasks
     yield new Promise((resolve) => {
@@ -42593,7 +41631,7 @@ const parallelLimit = (taskFunctions, limit) => __awaiter$1(void 0, void 0, void
          * Start the next task
          * @author Gabe Abrams
          */
-        const startTask = () => __awaiter$1(void 0, void 0, void 0, function* () {
+        const startTask = () => __awaiter(void 0, void 0, void 0, function* () {
             const taskIndex = nextTaskIndex++;
             // Get the task
             const taskFunction = taskFunctions[taskIndex];
@@ -42646,14 +41684,14 @@ let canReview = undefined;
  * @author Gabe Abrams
  * @returns true if current user can review logs
  */
-const canReviewLogs = () => __awaiter$1(void 0, void 0, void 0, function* () {
+const canReviewLogs = () => __awaiter(void 0, void 0, void 0, function* () {
     // If cached, use that value
     if (canReview !== undefined) {
         return canReview;
     }
     // Ask on server
     try {
-        canReview = !!(yield visitServerEndpoint$1({
+        canReview = !!(yield visitServerEndpoint({
             path: LOG_REVIEW_STATUS_ROUTE,
             method: 'GET',
         }));
@@ -42776,11 +41814,11 @@ const addDBEditorEndpoints = (opts) => {
      * @author Yuen Ler Chow
      * @returns {any[]} the list of items in the collection
      */
-    app.get(endpointPath, genRouteHandler$1({
+    app.get(endpointPath, genRouteHandler({
         paramTypes: {
             filterQuery: ParamType$1.JSONOptional,
         },
-        handler: ({ params }) => __awaiter$1(void 0, void 0, void 0, function* () {
+        handler: ({ params }) => __awaiter(void 0, void 0, void 0, function* () {
             var _a;
             const filterQuery = (_a = params.filterQuery) !== null && _a !== void 0 ? _a : {};
             const categories = yield collection.find(filterQuery);
@@ -42792,11 +41830,11 @@ const addDBEditorEndpoints = (opts) => {
      * @author Yuen Ler Chow
      * @param {any} item the item to create
      */
-    app.post(endpointPath, genRouteHandler$1({
+    app.post(endpointPath, genRouteHandler({
         paramTypes: {
             item: ParamType$1.JSON,
         },
-        handler: ({ params, }) => __awaiter$1(void 0, void 0, void 0, function* () {
+        handler: ({ params, }) => __awaiter(void 0, void 0, void 0, function* () {
             // Destructure params
             const { item, } = params;
             yield collection.insert(item);
@@ -42806,11 +41844,11 @@ const addDBEditorEndpoints = (opts) => {
      * Remove an item from the collection by id
      * @author Yuen Ler Chow
      */
-    app.delete(`${endpointPath}/:id`, genRouteHandler$1({
+    app.delete(`${endpointPath}/:id`, genRouteHandler({
         paramTypes: {
             id: ParamType$1.String,
         },
-        handler: ({ params, }) => __awaiter$1(void 0, void 0, void 0, function* () {
+        handler: ({ params, }) => __awaiter(void 0, void 0, void 0, function* () {
             // Destructure params
             const { id, } = params;
             yield collection.delete({ id });
@@ -42835,9 +41873,9 @@ var DayOfWeek;
 var DayOfWeek$1 = DayOfWeek;
 
 exports.AppWrapper = AppWrapper;
-exports.ButtonInputGroup = ButtonInputGroup$1;
+exports.ButtonInputGroup = ButtonInputGroup;
 exports.CSVDownloadButton = CSVDownloadButton;
-exports.CheckboxButton = CheckboxButton$1;
+exports.CheckboxButton = CheckboxButton;
 exports.CopiableBox = CopiableBox;
 exports.DAY_IN_MS = DAY_IN_MS;
 exports.DBEntryFieldType = DBEntryFieldType$1;
@@ -42846,11 +41884,11 @@ exports.DayOfWeek = DayOfWeek$1;
 exports.Drawer = Drawer;
 exports.DynamicWord = DynamicWord;
 exports.ErrorBox = ErrorBox;
-exports.ErrorWithCode = ErrorWithCode$1;
+exports.ErrorWithCode = ErrorWithCode;
 exports.HOUR_IN_MS = HOUR_IN_MS;
 exports.IntelliTable = IntelliTable;
 exports.ItemPicker = ItemPicker;
-exports.LoadingSpinner = LoadingSpinner$1;
+exports.LoadingSpinner = LoadingSpinner;
 exports.LogAction = LogAction$1;
 exports.LogBuiltInMetadata = LogBuiltInMetadata;
 exports.LogReviewer = LogReviewer;
@@ -42858,21 +41896,21 @@ exports.LogSource = LogSource$1;
 exports.LogType = LogType$1;
 exports.MINUTE_IN_MS = MINUTE_IN_MS;
 exports.Modal = Modal;
-exports.ModalButtonType = ModalButtonType$3;
-exports.ModalSize = ModalSize$2;
-exports.ModalType = ModalType$3;
-exports.ParamType = ParamType$3;
+exports.ModalButtonType = ModalButtonType$1;
+exports.ModalSize = ModalSize$1;
+exports.ModalType = ModalType$1;
+exports.ParamType = ParamType$1;
 exports.PopFailureMark = PopFailureMark;
 exports.PopPendingMark = PopPendingMark;
 exports.PopSuccessMark = PopSuccessMark;
-exports.RadioButton = RadioButton$1;
-exports.ReactKitErrorCode = ReactKitErrorCode$3;
+exports.RadioButton = RadioButton;
+exports.ReactKitErrorCode = ReactKitErrorCode$1;
 exports.SimpleDateChooser = SimpleDateChooser;
 exports.TabBox = TabBox;
-exports.Variant = Variant$3;
+exports.Variant = Variant$1;
 exports.abbreviate = abbreviate;
 exports.addDBEditorEndpoints = addDBEditorEndpoints;
-exports.alert = alert$2;
+exports.alert = alert$1;
 exports.avg = avg;
 exports.canReviewLogs = canReviewLogs;
 exports.ceilToNumDecimals = ceilToNumDecimals;
@@ -42901,11 +41939,11 @@ exports.padDecimalZeros = padDecimalZeros;
 exports.padZerosLeft = padZerosLeft;
 exports.parallelLimit = parallelLimit;
 exports.roundToNumDecimals = roundToNumDecimals;
-exports.showFatalError = showFatalError$1;
+exports.showFatalError = showFatalError;
 exports.startMinWait = startMinWait;
 exports.stringsToHumanReadableList = stringsToHumanReadableList;
 exports.stubServerEndpoint = stubServerEndpoint;
 exports.sum = sum;
-exports.visitServerEndpoint = visitServerEndpoint$1;
+exports.visitServerEndpoint = visitServerEndpoint;
 exports.waitMs = waitMs;
 //# sourceMappingURL=index.js.map