dce-reactkit 3.12.3 → 4.0.0-beta-logreviewer.1

package/dist/index.d.ts

@@ -1,7 +1,6 @@
 /// <reference types="react" />
 import React$1 from 'react';
 import { IconProp } from '@fortawesome/fontawesome-svg-core';
-import express from 'express';
 
 /**
  * Bootstrap variants
@@ -113,7 +112,8 @@ declare const AppWrapper: React$1.FC<Props$l>;
  * Loading spinner/indicator
  * @author Gabe Abrams
  */
-declare const LoadingSpinner: () => JSX.Element;
+
+declare const LoadingSpinner: () => React$1.JSX.Element;
 
 /**
  * Displays an error
@@ -473,16 +473,16 @@ declare const LogReviewer: React$1.FC<Props$8>;
  * @author Gabe Abrams
  */
 declare enum ParamType {
-    Boolean = "boolean",
-    BooleanOptional = "boolean-optional",
-    Float = "float",
-    FloatOptional = "float-optional",
-    Int = "int",
-    IntOptional = "int-optional",
-    JSON = "json",
-    JSONOptional = "json-optional",
-    String = "string",
-    StringOptional = "string-optional"
+    Boolean = "Boolean",
+    BooleanOptional = "BooleanOptional",
+    Float = "Float",
+    FloatOptional = "FloatOptional",
+    Int = "Int",
+    IntOptional = "IntOptional",
+    JSON = "JSON",
+    JSONOptional = "JSONOptional",
+    String = "String",
+    StringOptional = "StringOptional"
 }
 
 /**
@@ -641,7 +641,7 @@ declare const DBEntryManagerPanel: React$1.FC<Props$5>;
 
 type Props$4 = {
     text: string;
-    children: JSX.Element;
+    children: any;
 };
 declare const Tooltip: React$1.FC<Props$4>;
 
@@ -774,6 +774,31 @@ declare const HOUR_IN_MS = 3600000;
  */
 declare const DAY_IN_MS = 86400000;
 
+/**
+ * Path of the route for storing client-side logs
+ * @author Gabe Abrams
+ */
+declare const LOG_REVIEW_ROUTE_PATH_PREFIX: string;
+
+/**
+ * Path of the route for storing client-side logs
+ * @author Gabe Abrams
+ */
+declare const LOG_ROUTE_PATH: string;
+
+/**
+ * Route for checking the status of the current user's
+ *   access to log review
+ * @author Gabe Abrams
+ */
+declare const LOG_REVIEW_STATUS_ROUTE: string;
+
+/**
+ * Path of the route for getting logs for log review
+ * @author Gabe Abrams
+ */
+declare const LOG_REVIEW_GET_LOGS_ROUTE: string;
+
 /**
  * Dynamic words determined by the user's platform
  * @author Gabe Abrams
@@ -935,6 +960,106 @@ declare const visitServerEndpoint: (opts: {
     } | undefined;
 }) => Promise<any>;
 
+/**
+ * Get a number's ordinal
+ * @author Gabe Abrams
+ * @param num the number being analyzed
+ * @returns ordinal
+ */
+declare const getOrdinal: (num: number) => string;
+
+/**
+ * Get current time info in US Boston Eastern Time, independent of machine
+ *   timezone
+ * @author Gabe Abrams
+ * @param [dateOrTimestamp=now] the date to get info on or a ms since epoch timestamp
+ * @returns object with timestamp (ms since epoch) and numbers
+ *   corresponding to ET time values for year, month, day, hour, hour12, minute, isPM
+ *   where hour is in 24hr time and hour12 is in 12hr time.
+ */
+declare const getTimeInfoInET: (dateOrTimestamp?: Date | number) => {
+    timestamp: number;
+    year: number;
+    month: number;
+    day: number;
+    hour: number;
+    hour12: number;
+    minute: number;
+    isPM: boolean;
+};
+
+/**
+ * Stub a server endpoint response
+ * @author Gabe Abrams
+ * @param opts object containing all arguments
+ * @param [opts.method=GET] http method to stub
+ * @param opts.path full pathname to stub
+ * @param opts.body body of response if stubbing a successful response
+ * @param opts.errorMessage message of error if stubbing a failed response
+ * @param [opts.errorCode] error code if stubbing a failed response
+ */
+declare const stubServerEndpoint: (opts: {
+    method?: string | undefined;
+    path: string;
+    body?: any;
+    errorMessage?: string | undefined;
+    errorCode?: string | undefined;
+}) => void;
+
+/**
+ * Start a dynamic wait, call the function once the operation has completed and
+ *   the dynamic wait will continue waiting for the rest of the minimum time
+ * @author Gabe Abrams
+ * @param minWaitMs the minimum number of ms to wait
+ * @returns async function to call to finish the wait
+ */
+declare const startMinWait: (minWaitMs: number) => () => Promise<void>;
+
+/**
+ * Get a human-readable description of a date (all in ET)
+ * @author Gabe Abrams
+ * @param [dateOrTimestamp=today] the date or timestamp for the date to describe
+ * @returns human-readable description of the date
+ */
+declare const getHumanReadableDate: (dateOrTimestamp?: Date | number) => string;
+
+/**
+ * Get the current part of day (morning, evening, etc.)
+ * @author Gabe Abrams
+ * @returns the part of day (morning, evening, etc.)
+ */
+declare const getPartOfDay: () => string;
+
+/**
+ * Create a human readable list from an array of strings.
+ *   For example, ['apple', 'orange'] becomes "apple and orange"
+ *   and ['apple', 'orange', 'mango'] becomes "apple, orange, and mango"
+ * @author Gabe Abrams
+ * @param items list of items in the list
+ * @returns human-readable list
+ */
+declare const stringsToHumanReadableList: (items: string[]) => string;
+
+/**
+ * Given a string, only keep the letters inside it
+ * @author Gabe Abrams
+ * @param str the string to parse
+ * @returns only the letters inside of the string
+ */
+declare const onlyKeepLetters: (str: string) => string;
+
+/**
+ * Run tasks in parallel with a limit on how many tasks can execute at once.
+ *   No guarantees are made about the order of task execution
+ * @author Gabe Abrams
+ * @param taskFunctions functions that start asynchronous tasks and optionally
+ *   resolve with values
+ * @param [limit=no limit] maximum number of asynchronous tasks to permit to run at
+ *   once
+ * @returns array of resolved values in the same order as the task functions
+ */
+declare const parallelLimit: (taskFunctions: (() => Promise<any>)[], limit?: number) => Promise<any[]>;
+
 /**
  * Allowed log levels
  * @author Gabe Abrams
@@ -1083,234 +1208,6 @@ type LogFunction = (opts: ({
     target?: string;
 }))) => Promise<Log>;
 
-/**
- * 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
- * @param [opts.skipSessionCheck] if true, skip the session check (allow users
- *   to not be logged in and launched via LTI)
- * @param [opts.allowedHosts] if included, only allow requests from these hosts
- *   (start a hostname with a "*" to only check the end of the hostname)
- *   you can include just one string instead of an array
- * @param [opts.bannedHosts] if included, do not allow requests from these hosts
- *   (start a hostname with a "*" to only check the end of the hostname)
- *   you can include just one string instead of an array
- * @param [opts.unhandledErrorMessagePrefix] if included, when an error that
- *   is not of type ErrorWithCode is thrown, the client will receive an error
- *   where the error message is prefixed with this string. For example,
- *   if unhandledErrorMessagePrefix is
- *   'While saving progress, we encountered an error:'
- *   and the error is 'progressInfo is not an object',
- *   the client will receive an error with the message
- *   'While saving progress, we encountered an error: progressInfo is not an object'
- * @returns express route handler that takes the following arguments:
- *   params (map: param name => value),
- *   req (express request object),
- *   next (express next function),
- *   send (a function that sends a string to the client),
- *   redirect (takes a url and redirects the user to that url),
- *   renderErrorPage (shows a static error page to the user),
- *   renderInfoPage (shows a static info page to the user),
- *   renderCustomHTML (renders custom html and sends it to the user),
- *   and returns the value to send to the client as a JSON API response, or
- *   calls next() or redirect(...) or send(...) or renderErrorPage(...).
- *   Note: params also has userId, userFirstName,
- *   userLastName, userEmail, userAvatarURL, isLearner, isTTM, isAdmin,
- *   and any other variables that
- *   are directly added to the session, if the user does have a session.
- */
-declare const genRouteHandler: (opts: {
-    paramTypes?: {
-        [k: string]: ParamType;
-    } | undefined;
-    handler: (opts: {
-        params: {
-            [k: string]: any;
-        };
-        req: any;
-        next: () => void;
-        redirect: (pathOrURL: string) => void;
-        send: (text: string, status?: number) => void;
-        renderErrorPage: (opts?: {
-            title?: string;
-            description?: string;
-            code?: string;
-            pageTitle?: string;
-            status?: number;
-        }) => void;
-        renderInfoPage: (opts: {
-            title: string;
-            body: string;
-        }) => void;
-        renderCustomHTML: (opts: {
-            html: string;
-            status?: number;
-        }) => void;
-        logServerEvent: LogFunction;
-    }) => any;
-    skipSessionCheck?: boolean | undefined;
-    allowedHosts?: string | string[] | undefined;
-    bannedHosts?: string | string[] | undefined;
-    unhandledErrorMessagePrefix?: string | undefined;
-}) => (req: any, res: any, next: () => void) => Promise<undefined>;
-
-/**
- * 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)
- */
-declare const handleError: (res: any, error: ({
-    message: any;
-    code?: string;
-    status?: number;
-} | Error | string | any)) => undefined;
-
-/**
- * Send successful API response
- * @author Gabe Abrams
- * @param res express response
- * @param body the body of the response to send to the client
- */
-declare const handleSuccess: (res: any, body: any) => undefined;
-
-type GetLaunchInfoFunction = (req: any) => {
-    launched: boolean;
-    launchInfo?: any;
-};
-/**
- * Prepare dce-reactkit to run on the server
- * @author Gabe Abrams
- * @param opts object containing all arguments
- * @param opts.app express app from inside of the postprocessor function that
- *   we will add routes to
- * @param opts.getLaunchInfo CACCL LTI's get launch info function
- * @param [opts.logCollection] mongo collection from dce-mango to use for
- *   storing logs. If none is included, logs are written to the console
- * @param [opts.logReviewAdmins=all] info on which admins can review
- *   logs from the client. If not included, all Canvas admins are allowed to
- *   review logs. If null, no Canvas admins are allowed to review logs.
- *   If an array of Canvas userIds (numbers), only Canvas admins with those
- *   userIds are allowed to review logs. If a dce-mango collection, only
- *   Canvas admins with entries in that collection ({ userId, ...}) are allowed
- *   to review logs
- */
-declare const initServer: (opts: {
-    app: any;
-    getLaunchInfo: GetLaunchInfoFunction;
-    logCollection?: any;
-    logReviewAdmins?: (number[] | any);
-}) => void;
-
-/**
- * Get a number's ordinal
- * @author Gabe Abrams
- * @param num the number being analyzed
- * @returns ordinal
- */
-declare const getOrdinal: (num: number) => string;
-
-/**
- * Get current time info in US Boston Eastern Time, independent of machine
- *   timezone
- * @author Gabe Abrams
- * @param [dateOrTimestamp=now] the date to get info on or a ms since epoch timestamp
- * @returns object with timestamp (ms since epoch) and numbers
- *   corresponding to ET time values for year, month, day, hour, hour12, minute, isPM
- *   where hour is in 24hr time and hour12 is in 12hr time.
- */
-declare const getTimeInfoInET: (dateOrTimestamp?: Date | number) => {
-    timestamp: number;
-    year: number;
-    month: number;
-    day: number;
-    hour: number;
-    hour12: number;
-    minute: number;
-    isPM: boolean;
-};
-
-/**
- * Stub a server endpoint response
- * @author Gabe Abrams
- * @param opts object containing all arguments
- * @param [opts.method=GET] http method to stub
- * @param opts.path full pathname to stub
- * @param opts.body body of response if stubbing a successful response
- * @param opts.errorMessage message of error if stubbing a failed response
- * @param [opts.errorCode] error code if stubbing a failed response
- */
-declare const stubServerEndpoint: (opts: {
-    method?: string | undefined;
-    path: string;
-    body?: any;
-    errorMessage?: string | undefined;
-    errorCode?: string | undefined;
-}) => void;
-
-/**
- * Start a dynamic wait, call the function once the operation has completed and
- *   the dynamic wait will continue waiting for the rest of the minimum time
- * @author Gabe Abrams
- * @param minWaitMs the minimum number of ms to wait
- * @returns async function to call to finish the wait
- */
-declare const startMinWait: (minWaitMs: number) => () => Promise<void>;
-
-/**
- * Get a human-readable description of a date (all in ET)
- * @author Gabe Abrams
- * @param [dateOrTimestamp=today] the date or timestamp for the date to describe
- * @returns human-readable description of the date
- */
-declare const getHumanReadableDate: (dateOrTimestamp?: Date | number) => string;
-
-/**
- * Get the current part of day (morning, evening, etc.)
- * @author Gabe Abrams
- * @returns the part of day (morning, evening, etc.)
- */
-declare const getPartOfDay: () => string;
-
-/**
- * Create a human readable list from an array of strings.
- *   For example, ['apple', 'orange'] becomes "apple and orange"
- *   and ['apple', 'orange', 'mango'] becomes "apple, orange, and mango"
- * @author Gabe Abrams
- * @param items list of items in the list
- * @returns human-readable list
- */
-declare const stringsToHumanReadableList: (items: string[]) => string;
-
-/**
- * Given a string, only keep the letters inside it
- * @author Gabe Abrams
- * @param str the string to parse
- * @returns only the letters inside of the string
- */
-declare const onlyKeepLetters: (str: string) => string;
-
-/**
- * Run tasks in parallel with a limit on how many tasks can execute at once.
- *   No guarantees are made about the order of task execution
- * @author Gabe Abrams
- * @param taskFunctions functions that start asynchronous tasks and optionally
- *   resolve with values
- * @param [limit=no limit] maximum number of asynchronous tasks to permit to run at
- *   once
- * @returns array of resolved values in the same order as the task functions
- */
-declare const parallelLimit: (taskFunctions: (() => Promise<any>)[], limit?: number) => Promise<any[]>;
-
 type MetadataPopulator = () => {
     [k: string]: any;
 } | Promise<{
@@ -1331,14 +1228,6 @@ declare const setClientEventMetadataPopulator: (newMetadataPopulator: MetadataPo
  */
 declare const logClientEvent: LogFunction;
 
-/**
- * Initialize a log collection given the dce-mango Collection class
- * @author Gabe Abrams
- * @param Collection the Collection class from dce-mango
- * @returns initialized logCollection
- */
-declare const initLogCollection: (Collection: any) => any;
-
 /**
  * Get the name of a month given the month number (1 = January, etc.)
  *   If an invalid number is provided, we will treat it like January
@@ -1425,46 +1314,6 @@ declare const getLocalTimeInfo: (dateOrTimestamp?: Date | number) => {
     isPM: boolean;
 };
 
-/**
- * Interface for a collection in the database
- * @author Yuen Ler Chow
- */
-type DCEMangoCollection = {
-    /**
-     * Find all items in the collection that match the filter query
-     * @param filterQuery query for the filter
-     * @returns list of items that match the filter query
-     */
-    find: (filterQuery: any) => Promise<any[]>;
-    /**
-     * Insert an item into the collection
-     * @param item the item to insert
-     */
-    insert: (item: any) => Promise<void>;
-    /**
-     * Delete an item in the collection
-     * @param id the id of the item to delete
-     */
-    delete: (filterQuery: {
-        id: string;
-    }) => Promise<void>;
-};
-/**
- * Add all routes for the DBEditor
- * @author Yuen Ler Chow
- * @param opts object containing all arguments
- * @param opts.app express app to add routes too
- * @param opts.collectionName the name of the collection
- * @param opts.adminsOnly true if the endpoint is for admins only
- * @param opts.collection dce-mango db collection
- */
-declare const addDBEditorEndpoints: (opts: {
-    app: express.Application;
-    collectionName: string;
-    adminsOnly: boolean;
-    collection: DCEMangoCollection;
-}) => void;
-
 /**
  * Given an array of strings, create a single comma-separated string that includes
  * 'and' as well as an oxford comma.
@@ -1659,30 +1508,6 @@ declare const capitalize: (str: string) => string;
  */
 declare const shuffleArray: <T>(arr: T[]) => T[];
 
-/**
- * Send a server-to-server request from this sever to another server that uses
- *   dce-reactkit [for server only]
- * @author Gabe Abrams
- * @param opts object containing all arguments
- * @param opts.host - the host of the other server
- * @param opts.path - the path of the other server's endpoint
- * @param [opts.method=GET] - the method of the endpoint
- * @param [opts.params] - query/body parameters to include
- * @param [opts.headers] - headers to include
- * @returns response from server
- */
-declare const visitEndpointOnAnotherServer: (opts: {
-    host: string;
-    path: string;
-    method?: "GET" | "POST" | "DELETE" | "PUT" | undefined;
-    params?: {
-        [x: string]: any;
-    } | undefined;
-    headers?: {
-        [x: string]: any;
-    } | undefined;
-}) => Promise<any>;
-
 /**
  * Get number of words in string
  * @author Gardenia Liu
@@ -1694,29 +1519,12 @@ declare const visitEndpointOnAnotherServer: (opts: {
 declare const getWordCount: (text: string) => number;
 
 /**
- * List of error codes built into the react kit
- * @author Gabe Abrams
+ * Deeply clones an object
+ * @author Yuen Ler Chow
+ * @param obj the object to clone
+ * @returns a deep clone of the object
  */
-declare enum ReactKitErrorCode {
-    NoResponse = "DRK1",
-    NoCode = "DRK2",
-    SessionExpired = "DRK3",
-    MissingParameter = "DRK4",
-    InvalidParameter = "DRK5",
-    HostNotAllowed = "DRK17",
-    HostBanned = "DRK18",
-    WrongCourse = "DRK6",
-    NoCACCLSendRequestFunction = "DRK7",
-    NoCACCLGetLaunchInfoFunction = "DRK8",
-    NotTTM = "DRK9",
-    NotAdmin = "DRK10",
-    NotAllowedToReviewLogs = "DRK11",
-    ThemeCheckedBeforeReactKitReady = "DRK12",
-    SessionExpiredMessageGottenBeforeReactKitReady = "DRK13",
-    NotConnected = "DRK14",
-    SelfSigned = "DRK15",
-    ResponseParseError = "DRK16"
-}
+declare const cloneDeep: <T>(obj: T) => T;
 
 /**
  * Days of the week
@@ -1748,4 +1556,78 @@ declare const LogBuiltInMetadata: {
     };
 };
 
-export { AppWrapper, AutoscrollToBottomContainer, ButtonInputGroup, CSVDownloadButton, CheckboxButton, CopiableBox, DAY_IN_MS, DBEntry, DBEntryField, DBEntryFieldType, DBEntryManagerPanel, DayOfWeek, Drawer, Dropdown, DropdownItemType, DynamicWord, ErrorBox, ErrorWithCode, HOUR_IN_MS, IntelliTable, IntelliTableColumn, ItemPicker, LoadingSpinner, Log, LogAction, LogBuiltInMetadata, LogFunction, LogMetadataType, LogReviewer, LogSource, LogType, MINUTE_IN_MS, Modal, ModalButtonType, ModalSize, ModalType, MultiSwitch, ParamType, PickableItem, PopFailureMark, PopPendingMark, PopSuccessMark, RadioButton, ReactKitErrorCode, SimpleDateChooser, TabBox, ToggleSwitch, Tooltip, Variant, abbreviate, addDBEditorEndpoints, addFatalErrorHandler, alert, avg, canReviewLogs, capitalize, ceilToNumDecimals, combineClassNames, compareArraysByProp, confirm, everyAsync, extractProp, filterAsync, floorToNumDecimals, forEachAsync, forceNumIntoBounds, genCSV, genCommaList, genRouteHandler, getHumanReadableDate, getLocalTimeInfo, getMonthName, getOrdinal, getPartOfDay, getTimeInfoInET, getWordCount, handleError, handleSuccess, idify, initClient, initLogCollection, initServer, isMobileOrTablet, leaveToURL, logClientEvent, makeLinksClickable, mapAsync, onlyKeepLetters, padDecimalZeros, padZerosLeft, parallelLimit, prefixWithAOrAn, prompt, roundToNumDecimals, setClientEventMetadataPopulator, showFatalError, shuffleArray, someAsync, startMinWait, stringsToHumanReadableList, stubServerEndpoint, sum, useForceRender, validateEmail, validatePhoneNumber, validateString, visitEndpointOnAnotherServer, visitServerEndpoint, waitMs };
+/**
+ * List of error codes built into the react kit
+ * @author Gabe Abrams
+ */
+declare enum ReactKitErrorCode {
+    NoResponse = "DRK1",
+    NoCode = "DRK2",
+    SessionExpired = "DRK3",
+    NoCACCLSendRequestFunction = "DRK7"
+}
+
+type DateFilterState = {
+    startDate: {
+        year: number;
+        month: number;
+        day: number;
+    };
+    endDate: {
+        year: number;
+        month: number;
+        day: number;
+    };
+};
+
+type ContextFilterState = {
+    [k: string]: (boolean | {
+        [k: string]: boolean;
+    });
+};
+
+type TagFilterState = {
+    [k: string]: boolean;
+};
+
+type ActionErrorFilterState = {
+    type: LogType | undefined;
+    errorMessage: string;
+    errorCode: string;
+    target: {
+        [k: string]: boolean;
+    };
+    action: {
+        [k: string]: boolean;
+    };
+};
+
+type AdvancedFilterState = {
+    userFirstName: string;
+    userLastName: string;
+    userEmail: string;
+    userId: string;
+    includeLearners: boolean;
+    includeTTMs: boolean;
+    includeAdmins: boolean;
+    courseId: string;
+    courseName: string;
+    isMobile: (true | false | undefined);
+    source: LogSource | undefined;
+    routePath: string;
+    routeTemplate: string;
+};
+
+/**
+ * A bundle of filter state objects for each type of filter
+ * @author Gabe Abrams
+ */
+type LogReviewerFilterState = {
+    dateFilterState: DateFilterState;
+    contextFilterState: ContextFilterState;
+    tagFilterState: TagFilterState;
+    actionErrorFilterState: ActionErrorFilterState;
+    advancedFilterState: AdvancedFilterState;
+};
+
+export { AppWrapper, AutoscrollToBottomContainer, ButtonInputGroup, CSVDownloadButton, CheckboxButton, CopiableBox, DAY_IN_MS, DBEntry, DBEntryField, DBEntryFieldType, DBEntryManagerPanel, DayOfWeek, Drawer, Dropdown, DropdownItemType, DynamicWord, ErrorBox, ErrorWithCode, HOUR_IN_MS, IntelliTable, IntelliTableColumn, ItemPicker, LOG_REVIEW_GET_LOGS_ROUTE, LOG_REVIEW_ROUTE_PATH_PREFIX, LOG_REVIEW_STATUS_ROUTE, LOG_ROUTE_PATH, LoadingSpinner, Log, LogAction, LogBuiltInMetadata, LogFunction, LogLevel, LogMainInfo, LogMetadataType, LogReviewer, LogReviewerFilterState, LogSource, LogSourceSpecificInfo, LogType, LogTypeSpecificInfo, MINUTE_IN_MS, Modal, ModalButtonType, ModalSize, ModalType, MultiSwitch, ParamType, PickableItem, PopFailureMark, PopPendingMark, PopSuccessMark, RadioButton, ReactKitErrorCode, SimpleDateChooser, TabBox, ToggleSwitch, Tooltip, Variant, abbreviate, addFatalErrorHandler, alert, avg, canReviewLogs, capitalize, ceilToNumDecimals, cloneDeep, combineClassNames, compareArraysByProp, confirm, everyAsync, extractProp, filterAsync, floorToNumDecimals, forEachAsync, forceNumIntoBounds, genCSV, genCommaList, getHumanReadableDate, getLocalTimeInfo, getMonthName, getOrdinal, getPartOfDay, getTimeInfoInET, getWordCount, idify, initClient, isMobileOrTablet, leaveToURL, logClientEvent, makeLinksClickable, mapAsync, onlyKeepLetters, padDecimalZeros, padZerosLeft, parallelLimit, prefixWithAOrAn, prompt, roundToNumDecimals, setClientEventMetadataPopulator, showFatalError, shuffleArray, someAsync, startMinWait, stringsToHumanReadableList, stubServerEndpoint, sum, useForceRender, validateEmail, validatePhoneNumber, validateString, visitServerEndpoint, waitMs };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "dce-reactkit",
-  "version": "3.12.3",
+  "version": "4.0.0-beta-logreviewer.1",
   "description": "Shared components for Harvard DCE apps",
   "main": "dist/cjs/index.js",
   "module": "dist/esm/index.js",
@@ -24,7 +24,7 @@
   },
   "homepage": "https://github.com/harvard-edtech/dce-reactkit#readme",
   "dependencies": {
-    "qs": "^6.x.x",
+    "nanoclone": "^1.0.2",
     "react-select": "^5.7.3"
   },
   "peerDependencies": {
@@ -33,20 +33,19 @@
     "@fortawesome/free-solid-svg-icons": "^x.x.x",
     "@fortawesome/react-fontawesome": "^x.x.x",
     "bootstrap": "^5.x.x",
-    "express": "^x.x.x",
-    "react": "^x.x.x",
-    "react-dom": "^x.x.x"
+    "react": "^x.x.x"
   },
   "devDependencies": {
     "@rollup/plugin-commonjs": "^22.0.0",
     "@rollup/plugin-json": "^4.1.0",
     "@rollup/plugin-node-resolve": "^13.2.1",
-    "@rollup/plugin-typescript": "^8.3.2",
+    "@rollup/plugin-typescript": "^10.0.1",
     "@types/bootstrap": "^5.2.8",
     "@types/express": "^4.17.17",
     "@types/jest": "^28.1.7",
     "@types/node": "^20.2.5",
-    "@types/react": "^17.0.7",
+    "@types/react": "^19.0.10",
+    "@types/react-dom": "^19.0.4",
     "@typescript-eslint/eslint-plugin": "^5.59.9",
     "@typescript-eslint/parser": "^5.59.9",
     "eslint": "^8.42.0",
@@ -58,7 +57,6 @@
     "eslint-plugin-react-hooks": "^4.6.0",
     "jest": "^28.1.3",
     "jest-environment-jsdom": "^28.1.3",
-    "raixa": "^1.0.21",
     "rollup": "^2.70.2",
     "rollup-plugin-dts": "^4.2.1",
     "rollup-plugin-sourcemaps": "^0.6.3",

package/src/components/AppWrapper.tsx

@@ -32,10 +32,12 @@ import ErrorWithCode from '../errors/ErrorWithCode';
 // TODO: fix dependency cycle
 // eslint-disable-next-line import/no-cycle
 import logClientEvent from '../helpers/logClientEvent';
+// TODO: fix dependency cycle
+// eslint-disable-next-line import/no-cycle
 import {
   getSessionExpiredMessage,
   isDarkModeOn,
-} from '../client/initClient';
+} from '../helpers/initClient';
 import waitMs from '../helpers/waitMs';
 
 // Import constants