From 706e9e268b7ba2f9dff8315ba5705b7d7b6b2e64 Mon Sep 17 00:00:00 2001
From: Kyle <ksmontville@gmail.com>
Date: Tue, 19 Mar 2024 13:07:17 -0700
Subject: [PATCH 01/25] initial commit

---
 src/components/GameTabs.vue              |   9 +-
 src/components/VideoPlayer.vue           |   4 +-
 src/components/tasks/TaskFluency.vue     |   6 +-
 src/components/tasks/TaskLetter.vue      |   4 +-
 src/components/tasks/TaskLevante.vue     |   5 +-
 src/components/tasks/TaskMultichoice.vue |   4 +-
 src/components/tasks/TaskPA.vue          |   4 +-
 src/components/tasks/TaskSRE.vue         |   4 +-
 src/components/tasks/TaskSWR-ES.vue      | 109 -----------------------
 src/components/tasks/TaskSWR.vue         |  13 ++-
 src/components/tasks/TaskVocab.vue       |   5 +-
 src/main.js                              |  10 ++-
 src/pages/HomeParticipant.vue            |   8 +-
 src/pages/HomeSelector.vue               |   9 +-
 src/pages/ScoreReport.vue                |  11 ++-
 src/router/index.js                      |   4 +-
 src/sentry.js                            |   2 +-
 vite.config.js                           |  19 ++++
 18 files changed, 91 insertions(+), 139 deletions(-)
 delete mode 100644 src/components/tasks/TaskSWR-ES.vue

diff --git a/src/components/GameTabs.vue b/src/components/GameTabs.vue
index c104e3872..792513143 100644
--- a/src/components/GameTabs.vue
+++ b/src/components/GameTabs.vue
@@ -72,7 +72,7 @@
   </div>
 </template>
 <script setup>
-import { computed } from 'vue';
+import { computed, onMounted } from 'vue';
 import _get from 'lodash/get';
 import _find from 'lodash/find';
 import _findIndex from 'lodash/findIndex';
@@ -80,7 +80,12 @@ import { useAuthStore } from '@/store/auth';
 import { useGameStore } from '@/store/game';
 import { storeToRefs } from 'pinia';
 import { useI18n } from 'vue-i18n';
-import VideoPlayer from '@/components/VideoPlayer.vue';
+
+let VideoPlayer;
+
+onMounted(async () => {
+  VideoPlayer = (await import('@/components/VideoPlayer.vue')).default;
+});
 
 const { t } = useI18n();
 
diff --git a/src/components/VideoPlayer.vue b/src/components/VideoPlayer.vue
index 754688567..80f269065 100644
--- a/src/components/VideoPlayer.vue
+++ b/src/components/VideoPlayer.vue
@@ -5,7 +5,6 @@
 </template>
 
 <script>
-import videojs from 'video.js';
 import 'video.js/dist/video-js.css';
 
 export default {
@@ -23,7 +22,8 @@ export default {
       player: null,
     };
   },
-  mounted() {
+  mounted: async function () {
+    const videojs = (await import('video.js')).default;
     this.player = videojs(this.$refs.videoPlayer, this.options, () => {
       this.player.log('onPlayerReady', this);
     });
diff --git a/src/components/tasks/TaskFluency.vue b/src/components/tasks/TaskFluency.vue
index 105c19d95..c923d0b5f 100644
--- a/src/components/tasks/TaskFluency.vue
+++ b/src/components/tasks/TaskFluency.vue
@@ -6,7 +6,6 @@
   </div>
 </template>
 <script setup>
-import { TaskLauncher as RoamFluency } from '@bdelab/roam-fluency';
 import { onMounted, watch, ref } from 'vue';
 import { useRouter } from 'vue-router';
 import { storeToRefs } from 'pinia';
@@ -21,6 +20,8 @@ const props = defineProps({
   language: { type: String, required: true, default: 'en' },
 });
 
+let TaskLauncher;
+
 const taskId = props.taskId;
 const router = useRouter();
 const gameStarted = ref(false);
@@ -62,6 +63,7 @@ onMounted(async () => {
   if (isFirekitInit.value && !isLoadingUserData.value) {
     await startTask();
   }
+  TaskLauncher = (await import('@bdelab/roam-fluency')).default;
 });
 
 watch([isFirekitInit, isLoadingUserData], async ([newFirekitInitValue, newLoadingUserData]) => {
@@ -84,7 +86,7 @@ async function startTask() {
   };
 
   const gameParams = { ...appKit._taskInfo.variantParams };
-  const roarApp = new RoamFluency(appKit, gameParams, userParams, 'jspsych-target');
+  const roarApp = new TaskLauncher(appKit, gameParams, userParams, 'jspsych-target');
 
   gameStarted.value = true;
   await roarApp.run().then(async () => {
diff --git a/src/components/tasks/TaskLetter.vue b/src/components/tasks/TaskLetter.vue
index ff2e5328b..e8a510b2e 100644
--- a/src/components/tasks/TaskLetter.vue
+++ b/src/components/tasks/TaskLetter.vue
@@ -6,7 +6,6 @@
   </div>
 </template>
 <script setup>
-import RoarLetter from '@bdelab/roar-letter';
 import { onMounted, watch, ref } from 'vue';
 import { useRouter } from 'vue-router';
 import { storeToRefs } from 'pinia';
@@ -21,6 +20,8 @@ const props = defineProps({
   language: { type: String, required: true, default: 'en' },
 });
 
+let RoarLetter;
+
 const taskId = props.taskId;
 const router = useRouter();
 const gameStarted = ref(false);
@@ -62,6 +63,7 @@ onMounted(async () => {
   if (isFirekitInit.value && !isLoadingUserData.value) {
     await startTask();
   }
+  RoarLetter = (await import('@bdelab/roar-letter')).default;
 });
 
 watch([isFirekitInit, isLoadingUserData], async ([newFirekitInitValue, newLoadingUserData]) => {
diff --git a/src/components/tasks/TaskLevante.vue b/src/components/tasks/TaskLevante.vue
index 8a1dd6775..aa47cd45b 100644
--- a/src/components/tasks/TaskLevante.vue
+++ b/src/components/tasks/TaskLevante.vue
@@ -7,7 +7,6 @@
 </template>
 
 <script setup>
-import { TaskLauncher } from 'core-tasks';
 import { onMounted, watch, ref } from 'vue';
 import { useRouter } from 'vue-router';
 import { storeToRefs } from 'pinia';
@@ -19,6 +18,9 @@ import { fetchDocById } from '@/helpers/query/utils';
 const props = defineProps({
   taskId: { type: String, required: true, default: 'egma-math' },
 });
+
+let TaskLauncher;
+
 const taskId = props.taskId;
 const router = useRouter();
 const gameStarted = ref(false);
@@ -55,6 +57,7 @@ onMounted(async () => {
   if (isFirekitInit.value && !isLoadingUserData.value) {
     await startTask();
   }
+  TaskLauncher = (await import('core-tasks')).default;
 });
 watch([isFirekitInit, isLoadingUserData], async ([newFirekitInitValue, newLoadingUserData]) => {
   if (newFirekitInitValue && !newLoadingUserData) await startTask();
diff --git a/src/components/tasks/TaskMultichoice.vue b/src/components/tasks/TaskMultichoice.vue
index 4529e110a..d0eaf07a0 100644
--- a/src/components/tasks/TaskMultichoice.vue
+++ b/src/components/tasks/TaskMultichoice.vue
@@ -6,7 +6,6 @@
   </div>
 </template>
 <script setup>
-import RoarMultichoice from '@bdelab/roar-multichoice';
 import { onMounted, watch, ref } from 'vue';
 import { useRouter } from 'vue-router';
 import { storeToRefs } from 'pinia';
@@ -20,6 +19,8 @@ const props = defineProps({
   taskId: { type: String, required: true, default: 'multichoice' },
 });
 
+let RoarMultichoice;
+
 const taskId = props.taskId;
 const router = useRouter();
 const gameStarted = ref(false);
@@ -61,6 +62,7 @@ onMounted(async () => {
   if (isFirekitInit.value && !isLoadingUserData.value) {
     await startTask();
   }
+  RoarMultichoice = (await import('@bdelab/roar-multichoice')).default;
 });
 
 watch([isFirekitInit, isLoadingUserData], async ([newFirekitInitValue, newLoadingUserData]) => {
diff --git a/src/components/tasks/TaskPA.vue b/src/components/tasks/TaskPA.vue
index 23d595e52..2c067fd8b 100644
--- a/src/components/tasks/TaskPA.vue
+++ b/src/components/tasks/TaskPA.vue
@@ -6,7 +6,6 @@
   </div>
 </template>
 <script setup>
-import RoarPA from '@bdelab/roar-pa';
 import { onMounted, watch, ref } from 'vue';
 import { useRouter } from 'vue-router';
 import { storeToRefs } from 'pinia';
@@ -16,6 +15,8 @@ import { useGameStore } from '@/store/game';
 import _get from 'lodash/get';
 import { fetchDocById } from '@/helpers/query/utils';
 
+let RoarPA;
+
 const taskId = 'pa';
 const router = useRouter();
 const gameStarted = ref(false);
@@ -57,6 +58,7 @@ onMounted(async () => {
   if (isFirekitInit.value && !isLoadingUserData.value) {
     await startTask();
   }
+  RoarPA = (await import('@bdelab/roar-pa')).default;
 });
 
 watch([isFirekitInit, isLoadingUserData], async ([newFirekitInitValue, newLoadingUserData]) => {
diff --git a/src/components/tasks/TaskSRE.vue b/src/components/tasks/TaskSRE.vue
index eed82a288..70542426d 100644
--- a/src/components/tasks/TaskSRE.vue
+++ b/src/components/tasks/TaskSRE.vue
@@ -6,7 +6,6 @@
   </div>
 </template>
 <script setup>
-import RoarSRE from '@bdelab/roar-sre';
 import { onMounted, watch, ref } from 'vue';
 import { useRouter } from 'vue-router';
 import { storeToRefs } from 'pinia';
@@ -21,6 +20,8 @@ const props = defineProps({
   language: { type: String, required: true, default: 'en' },
 });
 
+let RoarSRE;
+
 const taskId = props.taskId;
 const router = useRouter();
 const gameStarted = ref(false);
@@ -62,6 +63,7 @@ onMounted(async () => {
   if (isFirekitInit.value && !isLoadingUserData.value) {
     await startTask();
   }
+  RoarSRE = (await import('@bdelab/roar-sre')).default;
 });
 
 watch([isFirekitInit, isLoadingUserData], async ([newFirekitInitValue, newLoadingUserData]) => {
diff --git a/src/components/tasks/TaskSWR-ES.vue b/src/components/tasks/TaskSWR-ES.vue
deleted file mode 100644
index fa2e67cf1..000000000
--- a/src/components/tasks/TaskSWR-ES.vue
+++ /dev/null
@@ -1,109 +0,0 @@
-<template>
-  <div id="jspsych-target" class="game-target" translate="no" />
-  <div v-if="!gameStarted" class="col-full text-center">
-    <h1>{{ $t('tasks.preparing') }}</h1>
-    <AppSpinner />
-  </div>
-</template>
-<script setup>
-import RoarSWR from '@bdelab/roar-swr';
-import { onMounted, watch, ref } from 'vue';
-import { useRouter } from 'vue-router';
-import { storeToRefs } from 'pinia';
-import { useQuery } from '@tanstack/vue-query';
-import { useAuthStore } from '@/store/auth';
-import { useGameStore } from '@/store/game';
-import _get from 'lodash/get';
-import { fetchDocById } from '@/helpers/query/utils';
-
-const taskId = 'swr-es';
-const router = useRouter();
-const gameStarted = ref(false);
-const authStore = useAuthStore();
-const gameStore = useGameStore();
-const { isFirekitInit, roarfirekit } = storeToRefs(authStore);
-
-const initialized = ref(false);
-let unsubscribe;
-const init = () => {
-  if (unsubscribe) unsubscribe();
-  initialized.value = true;
-};
-
-unsubscribe = authStore.$subscribe(async (mutation, state) => {
-  if (state.roarfirekit.restConfig) init();
-});
-
-const { isLoading: isLoadingUserData, data: userData } = useQuery({
-  queryKey: ['userData', authStore.uid, 'studentData'],
-  queryFn: () => fetchDocById('users', authStore.uid, ['studentData']),
-  keepPreviousData: true,
-  enabled: initialized,
-  staleTime: 5 * 60 * 1000, // 5 minutes
-});
-
-// The following code intercepts the back button and instead forces a refresh.
-// We add { once: true } to prevent an infinite loop.
-window.addEventListener(
-  'popstate',
-  () => {
-    router.go(0);
-  },
-  { once: true },
-);
-
-onMounted(async () => {
-  if (roarfirekit.value.restConfig) init();
-  if (isFirekitInit.value && !isLoadingUserData.value) {
-    await startTask();
-  }
-});
-
-watch([isFirekitInit, isLoadingUserData], async ([newFirekitInitValue, newLoadingUserData]) => {
-  if (newFirekitInitValue && !newLoadingUserData) await startTask();
-});
-
-const { selectedAdmin } = storeToRefs(gameStore);
-
-async function startTask() {
-  const appKit = await authStore.roarfirekit.startAssessment(selectedAdmin.value.id, taskId);
-
-  const userDob = _get(userData.value, 'studentData.dob');
-  const userDateObj = new Date(userDob);
-
-  const userParams = {
-    grade: _get(userData.value, 'studentData.grade'),
-    birthMonth: userDateObj.getMonth() + 1,
-    birthYear: userDateObj.getFullYear(),
-    language: 'es',
-  };
-
-  const gameParams = { ...appKit._taskInfo.variantParams };
-  const roarApp = new RoarSWR(appKit, gameParams, userParams, 'jspsych-target');
-
-  gameStarted.value = true;
-  await roarApp.run().then(async () => {
-    // Handle any post-game actions.
-    await authStore.completeAssessment(selectedAdmin.value.id, taskId);
-
-    // Navigate to home, but first set the refresh flag to true.
-    gameStore.requireHomeRefresh();
-    router.push({ name: 'Home' });
-  });
-}
-</script>
-<style>
-@import '@bdelab/roar-swr/lib/resources/roar-swr.css';
-
-.game-target {
-  position: absolute;
-  top: 0;
-  left: 0;
-  width: 100%;
-  height: 100%;
-}
-
-.game-target:focus {
-  outline: none;
-}
-</style>
diff --git a/src/components/tasks/TaskSWR.vue b/src/components/tasks/TaskSWR.vue
index 2d2a6d78d..796cc85ec 100644
--- a/src/components/tasks/TaskSWR.vue
+++ b/src/components/tasks/TaskSWR.vue
@@ -6,7 +6,6 @@
   </div>
 </template>
 <script setup>
-import RoarSWR from '@bdelab/roar-swr';
 import { onMounted, watch, ref } from 'vue';
 import { useRouter } from 'vue-router';
 import { storeToRefs } from 'pinia';
@@ -16,7 +15,14 @@ import { useGameStore } from '@/store/game';
 import _get from 'lodash/get';
 import { fetchDocById } from '@/helpers/query/utils';
 
-const taskId = 'swr';
+const props = defineProps({
+  taskId: { type: String, required: true, default: 'swr' },
+  language: { type: String, required: true, default: 'en' },
+});
+
+let RoarSWR;
+
+const taskId = props.taskId;
 const router = useRouter();
 const gameStarted = ref(false);
 const authStore = useAuthStore();
@@ -57,6 +63,7 @@ onMounted(async () => {
   if (isFirekitInit.value && !isLoadingUserData.value) {
     await startTask();
   }
+  RoarSWR = (await import('@bdelab/roar-swr')).default;
 });
 
 watch([isFirekitInit, isLoadingUserData], async ([newFirekitInitValue, newLoadingUserData]) => {
@@ -75,7 +82,7 @@ async function startTask() {
     grade: _get(userData.value, 'studentData.grade'),
     birthMonth: userDateObj.getMonth() + 1,
     birthYear: userDateObj.getFullYear(),
-    language: 'en',
+    language: props.language,
   };
 
   const gameParams = { ...appKit._taskInfo.variantParams };
diff --git a/src/components/tasks/TaskVocab.vue b/src/components/tasks/TaskVocab.vue
index 2d891be54..e97bd4a94 100644
--- a/src/components/tasks/TaskVocab.vue
+++ b/src/components/tasks/TaskVocab.vue
@@ -6,7 +6,6 @@
   </div>
 </template>
 <script setup>
-import RoarVocab from '@bdelab/roar-vocab';
 import { onMounted, watch, ref } from 'vue';
 import { useRouter } from 'vue-router';
 import { storeToRefs } from 'pinia';
@@ -16,6 +15,8 @@ import { useGameStore } from '@/store/game';
 import _get from 'lodash/get';
 import { fetchDocById } from '@/helpers/query/utils';
 
+let RoarVocab;
+
 const taskId = 'vocab';
 const router = useRouter();
 const gameStarted = ref(false);
@@ -57,6 +58,8 @@ onMounted(async () => {
   if (isFirekitInit.value && !isLoadingUserData.value) {
     await startTask();
   }
+  // Dynamically import the RoarVocab module to reduce chunk size.
+  RoarVocab = (await import('@bdelab/roar-vocab')).default;
 });
 
 watch([isFirekitInit, isLoadingUserData], async ([newFirekitInitValue, newLoadingUserData]) => {
diff --git a/src/main.js b/src/main.js
index bfa95fa7d..608a193e7 100644
--- a/src/main.js
+++ b/src/main.js
@@ -1,4 +1,4 @@
-import { createApp } from 'vue';
+import { createApp, onMounted } from 'vue';
 import { createPinia } from 'pinia';
 import { createHead } from '@vueuse/head';
 import { initSentry } from '@/sentry';
@@ -94,9 +94,11 @@ const app = createApp(App);
 const pinia = createPinia();
 pinia.use(piniaPluginPersistedState);
 
-if (window.location.origin === 'https://roar.education') {
-  initSentry(app);
-}
+onMounted(() => {
+  if (window.location.origin === 'https://roar.education') {
+    initSentry(app);
+  }
+});
 
 app.use(PrimeVue, { ripple: true });
 app.use(ToastService);
diff --git a/src/pages/HomeParticipant.vue b/src/pages/HomeParticipant.vue
index 845f1f6b5..220dc50b0 100644
--- a/src/pages/HomeParticipant.vue
+++ b/src/pages/HomeParticipant.vue
@@ -67,8 +67,6 @@
 
 <script setup>
 import { onMounted, ref, watch, computed } from 'vue';
-import GameTabs from '../components/GameTabs.vue';
-import ParticipantSidebar from '../components/ParticipantSidebar.vue';
 import _filter from 'lodash/filter';
 import _get from 'lodash/get';
 import _head from 'lodash/head';
@@ -81,6 +79,8 @@ import { useQuery } from '@tanstack/vue-query';
 import { fetchDocById, fetchDocsById, fetchSubcollection } from '../helpers/query/utils';
 import { getUserAssignments } from '../helpers/query/assignments';
 
+let GameTabs, ParticipantSidebar;
+
 let unsubscribe;
 const initialized = ref(false);
 const init = () => {
@@ -95,7 +95,9 @@ unsubscribe = authStore.$subscribe(async (mutation, state) => {
   if (state.roarfirekit.restConfig) init();
 });
 
-onMounted(() => {
+onMounted(async () => {
+  GameTabs = (await import('../components/GameTabs.vue')).default;
+  ParticipantSidebar = (await import('../components/ParticipantSidebar.vue')).default;
   if (roarfirekit.value.restConfig) init();
 });
 
diff --git a/src/pages/HomeSelector.vue b/src/pages/HomeSelector.vue
index 63d9e00a4..8aaf44849 100644
--- a/src/pages/HomeSelector.vue
+++ b/src/pages/HomeSelector.vue
@@ -31,16 +31,15 @@ import { useConfirm } from 'primevue/useconfirm';
 import { useRouter } from 'vue-router';
 import { useAuthStore } from '@/store/auth';
 import { useGameStore } from '@/store/game';
-import HomeParticipant from '@/pages/HomeParticipant.vue';
-import HomeAdministrator from '@/pages/HomeAdministrator.vue';
 import _get from 'lodash/get';
 import _isEmpty from 'lodash/isEmpty';
 import _union from 'lodash/union';
 import { storeToRefs } from 'pinia';
-import ConsentModal from '@/components/ConsentModal.vue';
 import { fetchDocById } from '@/helpers/query/utils';
 import { useI18n } from 'vue-i18n';
 
+let HomeParticipant, HomeAdministrator, ConsentModal;
+
 const authStore = useAuthStore();
 const { roarfirekit, userQueryKeyIndex } = storeToRefs(authStore);
 
@@ -110,6 +109,10 @@ async function checkConsent() {
 const router = useRouter();
 
 onMounted(async () => {
+  HomeParticipant = (await import('@/pages/HomeParticipant.vue')).default;
+  HomeAdministrator = (await import('@/pages/HomeAdministrator.vue')).default;
+  ConsentModal = (await import('@/components/ConsentModal.vue')).default;
+
   if (requireRefresh.value) {
     requireRefresh.value = false;
     router.go(0);
diff --git a/src/pages/ScoreReport.vue b/src/pages/ScoreReport.vue
index 97c5f1750..517e8d89e 100644
--- a/src/pages/ScoreReport.vue
+++ b/src/pages/ScoreReport.vue
@@ -319,9 +319,11 @@ import {
   scoredTasks,
   addElementToPdf,
 } from '@/helpers/reports.js';
-import TaskReport from '@/components/reports/tasks/TaskReport.vue';
-import DistributionChartOverview from '@/components/reports/DistributionChartOverview.vue';
-import NextSteps from '@/assets/NextSteps.pdf';
+// import TaskReport from '@/components/reports/tasks/TaskReport.vue';
+// import DistributionChartOverview from '@/components/reports/DistributionChartOverview.vue';
+// import NextSteps from '@/assets/NextSteps.pdf';
+
+let TaskReport, DistributionChartOverview, NextSteps;
 
 const authStore = useAuthStore();
 
@@ -1217,6 +1219,9 @@ unsubscribe = authStore.$subscribe(async (mutation, state) => {
 });
 
 onMounted(async () => {
+  TaskReport = (await import('@/components/reports/tasks/TaskReport.vue')).default;
+  DistributionChartOverview = (await import('@/components/reports/DistributionChartOverview.vue')).default;
+  NextSteps = (await import('@/assets/NextSteps.pdf')).default;
   if (roarfirekit.value.restConfig) refresh();
 });
 </script>
diff --git a/src/router/index.js b/src/router/index.js
index ee80b34b4..8defd5c49 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -41,12 +41,14 @@ const routes = [
     path: '/game/swr',
     name: 'SWR',
     component: () => import('../components/tasks/TaskSWR.vue'),
+    props: { taskId: 'swr', language: 'en' },
     meta: { pageTitle: 'SWR' },
   },
   {
     path: '/game/swr-es',
     name: 'SWR-ES',
-    component: () => import('../components/tasks/TaskSWR-ES.vue'),
+    component: () => import('../components/tasks/TaskSWR.vue'),
+    props: { taskId: 'swr-es', language: 'es' },
     meta: { pageTitle: 'SWR (ES)' },
   },
   {
diff --git a/src/sentry.js b/src/sentry.js
index c68249a0e..8a1a9222a 100644
--- a/src/sentry.js
+++ b/src/sentry.js
@@ -16,7 +16,7 @@ export function initSentry(app) {
         }),
         Sentry.browserTracingIntegration(),
         captureConsoleIntegration({
-          levels: ['warning', 'error', 'debug', 'assert'],
+          levels: ['error'],
         }),
         contextLinesIntegration(),
         extraErrorDataIntegration(),
diff --git a/vite.config.js b/vite.config.js
index ce89cb045..22afe52bb 100644
--- a/vite.config.js
+++ b/vite.config.js
@@ -33,6 +33,25 @@ export default defineConfig({
   build: {
     cssCodeSplit: true,
     sourcemap: true,
+    rollupOptions: {
+      output: {
+        manualChunks: {
+          lodash: ['lodash'],
+          tanstack: ['@tanstack/vue-query'],
+          chartJs: ['chart.js'],
+          sentry: ['@sentry/browser', '@sentry/integrations', '@sentry/vue', '@sentry/wasm'],
+          fluency: ['@bdelab/roam-fluency'],
+          firekit: ['@bdelab/roar-firekit'],
+          letter: ['@bdelab/roar-letter'],
+          multichoice: ['@bdelab/roar-multichoice'],
+          phoneme: ['@bdelab/roar-pa'],
+          sre: ['@bdelab/roar-sre'],
+          swr: ['@bdelab/roar-swr'],
+          utils: ['@bdelab/roar-utils'],
+          vocab: ['@bdelab/roar-vocab'],
+        },
+      },
+    },
   },
   optimizeDeps: {
     include: ['@bdelab/roar-firekit', 'vue-google-maps-community-fork', 'fast-deep-equal'],

From fc8c336beff5a4bb19dbda19288194e351e78ec4 Mon Sep 17 00:00:00 2001
From: Kyle <ksmontville@gmail.com>
Date: Tue, 19 Mar 2024 14:11:45 -0700
Subject: [PATCH 02/25] remove increased memory limit from workflows and
 format.

---
 .github/workflows/deploy-firebase-test-cypress.yml | 4 ++--
 .github/workflows/firebase-hosting-production.yml  | 4 ++--
 .github/workflows/firebase-hosting-staging.yml     | 4 ++--
 3 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/.github/workflows/deploy-firebase-test-cypress.yml b/.github/workflows/deploy-firebase-test-cypress.yml
index cabb95f28..724536754 100644
--- a/.github/workflows/deploy-firebase-test-cypress.yml
+++ b/.github/workflows/deploy-firebase-test-cypress.yml
@@ -18,8 +18,8 @@ jobs:
         with:
           node-version: 'lts/*'
       - name: 'vite build'
-        env:
-          NODE_OPTIONS: '--max_old_space_size=8192'
+        #        env:
+        #          NODE_OPTIONS: '--max_old_space_size=8192'
         run: npm ci && npm run build
       - name: Deploy to Firebase Hosting Channel
         id: firebase-deploy
diff --git a/.github/workflows/firebase-hosting-production.yml b/.github/workflows/firebase-hosting-production.yml
index ab9abd649..e2f047fe8 100644
--- a/.github/workflows/firebase-hosting-production.yml
+++ b/.github/workflows/firebase-hosting-production.yml
@@ -18,8 +18,8 @@ jobs:
         with:
           node-version: 'lts/*'
       - name: 'vite production build'
-        env:
-          NODE_OPTIONS: '--max_old_space_size=8192'
+        #        env:
+        #          NODE_OPTIONS: '--max_old_space_size=8192'
         run: npm ci && npm run build
       - uses: FirebaseExtended/action-hosting-deploy@v0
         with:
diff --git a/.github/workflows/firebase-hosting-staging.yml b/.github/workflows/firebase-hosting-staging.yml
index 88ab7facb..4d241082d 100644
--- a/.github/workflows/firebase-hosting-staging.yml
+++ b/.github/workflows/firebase-hosting-staging.yml
@@ -15,8 +15,8 @@ jobs:
         with:
           node-version: 'lts/*'
       - name: 'vite staging build'
-        env:
-          NODE_OPTIONS: '--max_old_space_size=8192'
+        #        env:
+        #          NODE_OPTIONS: '--max_old_space_size=8192'
         run: export VITE_STAGING_BUILD=true && npm ci && npm run build
       - uses: FirebaseExtended/action-hosting-deploy@v0
         with:

From c564117591117655440cb264d5e27af98b8cdf9a Mon Sep 17 00:00:00 2001
From: Kyle <ksmontville@gmail.com>
Date: Tue, 19 Mar 2024 15:33:31 -0700
Subject: [PATCH 03/25] fix cypress tests, add sentry user feedback widget,
 format

---
 .../default-tests/viewIndividualReport.cy.js  |  14 +-
 .../default-tests/viewScoreReports.spec.cy.js |   2 +-
 package-lock.json                             | 695 +++++-------------
 package.json                                  |   8 +-
 src/main.js                                   |   8 +-
 src/sentry.js                                 |  19 +-
 6 files changed, 199 insertions(+), 547 deletions(-)

diff --git a/cypress/e2e/partner-admin/default-tests/viewIndividualReport.cy.js b/cypress/e2e/partner-admin/default-tests/viewIndividualReport.cy.js
index e77c34888..ab98b2b21 100644
--- a/cypress/e2e/partner-admin/default-tests/viewIndividualReport.cy.js
+++ b/cypress/e2e/partner-admin/default-tests/viewIndividualReport.cy.js
@@ -6,7 +6,7 @@ const testPartnerAdminPassword = Cypress.env('partnerAdminPassword');
 const timeout = Cypress.env('timeout');
 const baseUrl = Cypress.env('baseUrl');
 const testUserList = Cypress.env('testUserList');
-const testAssignments = ['vocab', 'Multichoice'];
+const testAssignments = ['Vocabulary', 'Multichoice', 'Written-Vocab'];
 
 function checkUrl() {
   cy.login(testPartnerAdminUsername, testPartnerAdminPassword);
@@ -39,10 +39,14 @@ describe('The partner admin can view score reports for a given administration.',
     clickScoreButton();
     cy.checkUserList(testUserList);
     checkAssignmentColumns(testAssignments);
-    cy.get('button').contains('Report').click();
+    cy.get('button', { timeout: 3 * timeout })
+      .contains('Report')
+      .click();
     cy.get('div', { timeout: 3 * timeout }).contains('Individual Score Report');
-    cy.get('button').contains('Expand All Sections').click();
-    cy.get('button').contains('Export to PDF');
-    cy.get('div').contains('The ROAR assessements return 3 kinds of scores');
+    cy.get('button', { timeout: 3 * timeout })
+      .contains('Expand All Sections')
+      .click();
+    cy.get('button', { timeout: 3 * timeout }).contains('Export to PDF');
+    cy.get('div', { timeout: 3 * timeout }).contains('The ROAR assessements return 3 kinds of scores');
   });
 });
diff --git a/cypress/e2e/partner-admin/default-tests/viewScoreReports.spec.cy.js b/cypress/e2e/partner-admin/default-tests/viewScoreReports.spec.cy.js
index 69290e994..a0113aef1 100644
--- a/cypress/e2e/partner-admin/default-tests/viewScoreReports.spec.cy.js
+++ b/cypress/e2e/partner-admin/default-tests/viewScoreReports.spec.cy.js
@@ -6,7 +6,7 @@ const testPartnerAdminPassword = Cypress.env('partnerAdminPassword');
 const timeout = Cypress.env('timeout');
 const baseUrl = Cypress.env('baseUrl');
 const testUserList = Cypress.env('testUserList');
-const testAssignments = ['vocab', 'Multichoice'];
+const testAssignments = ['Vocabulary', 'Multichoice', 'Written-Vocab'];
 
 function checkUrl() {
   cy.login(testPartnerAdminUsername, testPartnerAdminPassword);
diff --git a/package-lock.json b/package-lock.json
index 6477241b6..bcb4c79ba 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -17,11 +17,11 @@
         "@bdelab/roar-swr": "^1.9.0",
         "@bdelab/roar-utils": "^1.1.0",
         "@bdelab/roar-vocab": "^1.6.11",
-        "@sentry/browser": "^7.103.0",
-        "@sentry/integrations": "^7.103.0",
+        "@sentry/browser": "^7.107.0",
+        "@sentry/integrations": "^7.107.0",
         "@sentry/vite-plugin": "^2.14.2",
-        "@sentry/vue": "^7.103.0",
-        "@sentry/wasm": "^7.103.0",
+        "@sentry/vue": "^7.107.0",
+        "@sentry/wasm": "^7.107.0",
         "@tanstack/vue-query": "^4.35.7",
         "@vuelidate/core": "^2.0.0-alpha.40",
         "@vuelidate/validators": "^2.0.0-alpha.28",
@@ -5306,89 +5306,40 @@
       "license": "MIT"
     },
     "node_modules/@sentry-internal/feedback": {
-      "version": "7.103.0",
-      "resolved": "https://registry.npmjs.org/@sentry-internal/feedback/-/feedback-7.103.0.tgz",
-      "integrity": "sha512-2nYoCfP7FpiUR+xxO5y5BL2ajHrhM4fL7HSup6QKNn7gI7vLyllYOOuYFNHhSmsXCD0i00U8DBClGLcn+6DQqw==",
+      "version": "7.107.0",
+      "resolved": "https://registry.npmjs.org/@sentry-internal/feedback/-/feedback-7.107.0.tgz",
+      "integrity": "sha512-okF0B9AJHrpkwNMxNs/Lffw3N5ZNbGwz4uvCfyOfnMxc7E2VfDM18QzUvTBRvNr3bA9wl+InJ+EMG3aZhyPunA==",
       "dependencies": {
-        "@sentry/core": "7.103.0",
-        "@sentry/types": "7.103.0",
-        "@sentry/utils": "7.103.0"
+        "@sentry/core": "7.107.0",
+        "@sentry/types": "7.107.0",
+        "@sentry/utils": "7.107.0"
       },
       "engines": {
         "node": ">=12"
       }
     },
-    "node_modules/@sentry-internal/feedback/node_modules/@sentry/core": {
-      "version": "7.103.0",
-      "resolved": "https://registry.npmjs.org/@sentry/core/-/core-7.103.0.tgz",
-      "integrity": "sha512-LCI+PIDoF/RLqN41fNXum3ilmS6ukni6L7t38vSdibbe2G0804EbPLtOIpv2PkS8E6CFuRW5zOb+8OwEAAtZWw==",
-      "dependencies": {
-        "@sentry/types": "7.103.0",
-        "@sentry/utils": "7.103.0"
-      },
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/@sentry-internal/feedback/node_modules/@sentry/types": {
-      "version": "7.103.0",
-      "resolved": "https://registry.npmjs.org/@sentry/types/-/types-7.103.0.tgz",
-      "integrity": "sha512-NCvKyx8d2AGBQKPARrJemZmZ16DiMo688OEikZg4BbvFNDUzK5Egm2BH0vfLDhbNkU19o3maJowrYo42m8r9Zw==",
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/@sentry-internal/feedback/node_modules/@sentry/utils": {
-      "version": "7.103.0",
-      "resolved": "https://registry.npmjs.org/@sentry/utils/-/utils-7.103.0.tgz",
-      "integrity": "sha512-phkUJt3F0UOkVq+M4GfdAh2ewI3ASrNiJddx9aO7GnT0aDwwVBHZltnqt95qgAB8W+BipTSt1dAh8yUbbq1Ceg==",
-      "dependencies": {
-        "@sentry/types": "7.103.0"
-      },
-      "engines": {
-        "node": ">=8"
-      }
-    },
     "node_modules/@sentry-internal/replay-canvas": {
-      "version": "7.103.0",
-      "resolved": "https://registry.npmjs.org/@sentry-internal/replay-canvas/-/replay-canvas-7.103.0.tgz",
-      "integrity": "sha512-EyDRMdlSqtwY8zGFhOWwl+nwwo98hlhJz+bpF5PQ6VmFpbplh6Wqfx2p+cPXQr40TGMMC4+vPFlSWTOMjcO9zQ==",
+      "version": "7.107.0",
+      "resolved": "https://registry.npmjs.org/@sentry-internal/replay-canvas/-/replay-canvas-7.107.0.tgz",
+      "integrity": "sha512-dmDL9g3QDfo7axBOsVnpiKdJ/DXrdeuRv1AqsLgwzJKvItsv0ZizX0u+rj5b1UoxcwbXRMxJ0hit5a1yt3t/ow==",
       "dependencies": {
-        "@sentry/core": "7.103.0",
-        "@sentry/replay": "7.103.0",
-        "@sentry/types": "7.103.0",
-        "@sentry/utils": "7.103.0"
+        "@sentry/core": "7.107.0",
+        "@sentry/replay": "7.107.0",
+        "@sentry/types": "7.107.0",
+        "@sentry/utils": "7.107.0"
       },
       "engines": {
         "node": ">=12"
       }
     },
-    "node_modules/@sentry-internal/replay-canvas/node_modules/@sentry/core": {
-      "version": "7.103.0",
-      "resolved": "https://registry.npmjs.org/@sentry/core/-/core-7.103.0.tgz",
-      "integrity": "sha512-LCI+PIDoF/RLqN41fNXum3ilmS6ukni6L7t38vSdibbe2G0804EbPLtOIpv2PkS8E6CFuRW5zOb+8OwEAAtZWw==",
-      "dependencies": {
-        "@sentry/types": "7.103.0",
-        "@sentry/utils": "7.103.0"
-      },
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/@sentry-internal/replay-canvas/node_modules/@sentry/types": {
-      "version": "7.103.0",
-      "resolved": "https://registry.npmjs.org/@sentry/types/-/types-7.103.0.tgz",
-      "integrity": "sha512-NCvKyx8d2AGBQKPARrJemZmZ16DiMo688OEikZg4BbvFNDUzK5Egm2BH0vfLDhbNkU19o3maJowrYo42m8r9Zw==",
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/@sentry-internal/replay-canvas/node_modules/@sentry/utils": {
-      "version": "7.103.0",
-      "resolved": "https://registry.npmjs.org/@sentry/utils/-/utils-7.103.0.tgz",
-      "integrity": "sha512-phkUJt3F0UOkVq+M4GfdAh2ewI3ASrNiJddx9aO7GnT0aDwwVBHZltnqt95qgAB8W+BipTSt1dAh8yUbbq1Ceg==",
+    "node_modules/@sentry-internal/tracing": {
+      "version": "7.107.0",
+      "resolved": "https://registry.npmjs.org/@sentry-internal/tracing/-/tracing-7.107.0.tgz",
+      "integrity": "sha512-le9wM8+OHBbq7m/8P7JUJ1UhSPIty+Z/HmRXc5Z64ODZcOwFV6TmDpYx729IXDdz36XUKmeI+BeM7yQdTTZPfQ==",
       "dependencies": {
-        "@sentry/types": "7.103.0"
+        "@sentry/core": "7.107.0",
+        "@sentry/types": "7.107.0",
+        "@sentry/utils": "7.107.0"
       },
       "engines": {
         "node": ">=8"
@@ -5403,61 +5354,17 @@
       }
     },
     "node_modules/@sentry/browser": {
-      "version": "7.103.0",
-      "resolved": "https://registry.npmjs.org/@sentry/browser/-/browser-7.103.0.tgz",
-      "integrity": "sha512-lP3Oplnwo1lY8ltk8SWzQURbxnSfVhYA099mVs1T95sdwXS16Za6SX7Ld/9T506ZW/WyoU4VCq7eKtG2kPFhMQ==",
+      "version": "7.107.0",
+      "resolved": "https://registry.npmjs.org/@sentry/browser/-/browser-7.107.0.tgz",
+      "integrity": "sha512-KnqaQDhxv6w9dJ+mYLsNwPeGZfgbpM3vaismBNyJCKLgWn2V75kxkSq+bDX8LQT/13AyK7iFp317L6P8EuNa3g==",
       "dependencies": {
-        "@sentry-internal/feedback": "7.103.0",
-        "@sentry-internal/replay-canvas": "7.103.0",
-        "@sentry-internal/tracing": "7.103.0",
-        "@sentry/core": "7.103.0",
-        "@sentry/replay": "7.103.0",
-        "@sentry/types": "7.103.0",
-        "@sentry/utils": "7.103.0"
-      },
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/@sentry/browser/node_modules/@sentry-internal/tracing": {
-      "version": "7.103.0",
-      "resolved": "https://registry.npmjs.org/@sentry-internal/tracing/-/tracing-7.103.0.tgz",
-      "integrity": "sha512-sZ/Wao8HOvGaBs7WlOdflMpHGAFkOBWL6hBiirHaOy5d+IDm7n7et5U6zhvcfiyYBO4nY36gy1Tg5mw+aNO0Vw==",
-      "dependencies": {
-        "@sentry/core": "7.103.0",
-        "@sentry/types": "7.103.0",
-        "@sentry/utils": "7.103.0"
-      },
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/@sentry/browser/node_modules/@sentry/core": {
-      "version": "7.103.0",
-      "resolved": "https://registry.npmjs.org/@sentry/core/-/core-7.103.0.tgz",
-      "integrity": "sha512-LCI+PIDoF/RLqN41fNXum3ilmS6ukni6L7t38vSdibbe2G0804EbPLtOIpv2PkS8E6CFuRW5zOb+8OwEAAtZWw==",
-      "dependencies": {
-        "@sentry/types": "7.103.0",
-        "@sentry/utils": "7.103.0"
-      },
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/@sentry/browser/node_modules/@sentry/types": {
-      "version": "7.103.0",
-      "resolved": "https://registry.npmjs.org/@sentry/types/-/types-7.103.0.tgz",
-      "integrity": "sha512-NCvKyx8d2AGBQKPARrJemZmZ16DiMo688OEikZg4BbvFNDUzK5Egm2BH0vfLDhbNkU19o3maJowrYo42m8r9Zw==",
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/@sentry/browser/node_modules/@sentry/utils": {
-      "version": "7.103.0",
-      "resolved": "https://registry.npmjs.org/@sentry/utils/-/utils-7.103.0.tgz",
-      "integrity": "sha512-phkUJt3F0UOkVq+M4GfdAh2ewI3ASrNiJddx9aO7GnT0aDwwVBHZltnqt95qgAB8W+BipTSt1dAh8yUbbq1Ceg==",
-      "dependencies": {
-        "@sentry/types": "7.103.0"
+        "@sentry-internal/feedback": "7.107.0",
+        "@sentry-internal/replay-canvas": "7.107.0",
+        "@sentry-internal/tracing": "7.107.0",
+        "@sentry/core": "7.107.0",
+        "@sentry/replay": "7.107.0",
+        "@sentry/types": "7.107.0",
+        "@sentry/utils": "7.107.0"
       },
       "engines": {
         "node": ">=8"
@@ -5605,124 +5512,80 @@
         "node": ">=10"
       }
     },
-    "node_modules/@sentry/integrations": {
-      "version": "7.103.0",
-      "resolved": "https://registry.npmjs.org/@sentry/integrations/-/integrations-7.103.0.tgz",
-      "integrity": "sha512-jS1vQqBBF776xFpht4xS5cJRztbpskFELeZX57pELzy/J7PNjbO0/oypP1qK7budMxxkazJhkcNwJw9eUFT0pg==",
-      "dependencies": {
-        "@sentry/core": "7.103.0",
-        "@sentry/types": "7.103.0",
-        "@sentry/utils": "7.103.0",
-        "localforage": "^1.8.1"
-      },
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/@sentry/integrations/node_modules/@sentry/core": {
-      "version": "7.103.0",
-      "resolved": "https://registry.npmjs.org/@sentry/core/-/core-7.103.0.tgz",
-      "integrity": "sha512-LCI+PIDoF/RLqN41fNXum3ilmS6ukni6L7t38vSdibbe2G0804EbPLtOIpv2PkS8E6CFuRW5zOb+8OwEAAtZWw==",
+    "node_modules/@sentry/core": {
+      "version": "7.107.0",
+      "resolved": "https://registry.npmjs.org/@sentry/core/-/core-7.107.0.tgz",
+      "integrity": "sha512-C7ogye6+KPyBi8NVL0P8Rxx3Ur7Td8ufnjxosVy678lqY+dcYPk/HONROrzUFYW5fMKWL4/KYnwP+x9uHnkDmw==",
       "dependencies": {
-        "@sentry/types": "7.103.0",
-        "@sentry/utils": "7.103.0"
+        "@sentry/types": "7.107.0",
+        "@sentry/utils": "7.107.0"
       },
       "engines": {
         "node": ">=8"
       }
     },
-    "node_modules/@sentry/integrations/node_modules/@sentry/types": {
-      "version": "7.103.0",
-      "resolved": "https://registry.npmjs.org/@sentry/types/-/types-7.103.0.tgz",
-      "integrity": "sha512-NCvKyx8d2AGBQKPARrJemZmZ16DiMo688OEikZg4BbvFNDUzK5Egm2BH0vfLDhbNkU19o3maJowrYo42m8r9Zw==",
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/@sentry/integrations/node_modules/@sentry/utils": {
-      "version": "7.103.0",
-      "resolved": "https://registry.npmjs.org/@sentry/utils/-/utils-7.103.0.tgz",
-      "integrity": "sha512-phkUJt3F0UOkVq+M4GfdAh2ewI3ASrNiJddx9aO7GnT0aDwwVBHZltnqt95qgAB8W+BipTSt1dAh8yUbbq1Ceg==",
+    "node_modules/@sentry/integrations": {
+      "version": "7.107.0",
+      "resolved": "https://registry.npmjs.org/@sentry/integrations/-/integrations-7.107.0.tgz",
+      "integrity": "sha512-0h2sZcjcdptS2pju1KSF4+sXaRaFTlmAN1ZokFfmfnVTs6cVtIFttUFxTYrwQUEE2knpAV05pz87zg1yfPAfYg==",
       "dependencies": {
-        "@sentry/types": "7.103.0"
+        "@sentry/core": "7.107.0",
+        "@sentry/types": "7.107.0",
+        "@sentry/utils": "7.107.0",
+        "localforage": "^1.8.1"
       },
       "engines": {
         "node": ">=8"
       }
     },
     "node_modules/@sentry/replay": {
-      "version": "7.103.0",
-      "resolved": "https://registry.npmjs.org/@sentry/replay/-/replay-7.103.0.tgz",
-      "integrity": "sha512-I37komyb+DruQG8lPPPOFxLLbOijNXeTxiWLsIn+KFZqRtKqxxQWdNnk56V4YSTpFzxnMEFMRCpXhncuTWu4LA==",
+      "version": "7.107.0",
+      "resolved": "https://registry.npmjs.org/@sentry/replay/-/replay-7.107.0.tgz",
+      "integrity": "sha512-BNJDEVaEwr/YnV22qnyVA1almx/3p615m3+KaF8lPo7YleYgJGSJv1auH64j1G8INkrJ0J0wFBujb1EFjMYkxA==",
       "dependencies": {
-        "@sentry-internal/tracing": "7.103.0",
-        "@sentry/core": "7.103.0",
-        "@sentry/types": "7.103.0",
-        "@sentry/utils": "7.103.0"
+        "@sentry-internal/tracing": "7.107.0",
+        "@sentry/core": "7.107.0",
+        "@sentry/types": "7.107.0",
+        "@sentry/utils": "7.107.0"
       },
       "engines": {
         "node": ">=12"
       }
     },
-    "node_modules/@sentry/replay/node_modules/@sentry-internal/tracing": {
-      "version": "7.103.0",
-      "resolved": "https://registry.npmjs.org/@sentry-internal/tracing/-/tracing-7.103.0.tgz",
-      "integrity": "sha512-sZ/Wao8HOvGaBs7WlOdflMpHGAFkOBWL6hBiirHaOy5d+IDm7n7et5U6zhvcfiyYBO4nY36gy1Tg5mw+aNO0Vw==",
+    "node_modules/@sentry/rollup-plugin": {
+      "version": "2.14.2",
+      "resolved": "https://registry.npmjs.org/@sentry/rollup-plugin/-/rollup-plugin-2.14.2.tgz",
+      "integrity": "sha512-6cnU3RM35ED3vRkTO2pCHYGXWXkIYGTqHB75O1kMdLfSXKElY5u9bKVApC/8oIJuXg7b/l5j7reBMB5bAlsG+w==",
       "dependencies": {
-        "@sentry/core": "7.103.0",
-        "@sentry/types": "7.103.0",
-        "@sentry/utils": "7.103.0"
+        "@sentry/bundler-plugin-core": "2.14.2",
+        "unplugin": "1.0.1"
       },
       "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/@sentry/replay/node_modules/@sentry/core": {
-      "version": "7.103.0",
-      "resolved": "https://registry.npmjs.org/@sentry/core/-/core-7.103.0.tgz",
-      "integrity": "sha512-LCI+PIDoF/RLqN41fNXum3ilmS6ukni6L7t38vSdibbe2G0804EbPLtOIpv2PkS8E6CFuRW5zOb+8OwEAAtZWw==",
-      "dependencies": {
-        "@sentry/types": "7.103.0",
-        "@sentry/utils": "7.103.0"
+        "node": ">= 14"
       },
-      "engines": {
-        "node": ">=8"
+      "peerDependencies": {
+        "rollup": ">=3.2.0"
       }
     },
-    "node_modules/@sentry/replay/node_modules/@sentry/types": {
-      "version": "7.103.0",
-      "resolved": "https://registry.npmjs.org/@sentry/types/-/types-7.103.0.tgz",
-      "integrity": "sha512-NCvKyx8d2AGBQKPARrJemZmZ16DiMo688OEikZg4BbvFNDUzK5Egm2BH0vfLDhbNkU19o3maJowrYo42m8r9Zw==",
+    "node_modules/@sentry/types": {
+      "version": "7.107.0",
+      "resolved": "https://registry.npmjs.org/@sentry/types/-/types-7.107.0.tgz",
+      "integrity": "sha512-H7qcPjPSUWHE/Zf5bR1EE24G0pGVuJgrSx8Tvvl5nKEepswMYlbXHRVSDN0gTk/E5Z7cqf+hUBOpkQgZyps77w==",
       "engines": {
         "node": ">=8"
       }
     },
-    "node_modules/@sentry/replay/node_modules/@sentry/utils": {
-      "version": "7.103.0",
-      "resolved": "https://registry.npmjs.org/@sentry/utils/-/utils-7.103.0.tgz",
-      "integrity": "sha512-phkUJt3F0UOkVq+M4GfdAh2ewI3ASrNiJddx9aO7GnT0aDwwVBHZltnqt95qgAB8W+BipTSt1dAh8yUbbq1Ceg==",
+    "node_modules/@sentry/utils": {
+      "version": "7.107.0",
+      "resolved": "https://registry.npmjs.org/@sentry/utils/-/utils-7.107.0.tgz",
+      "integrity": "sha512-C6PbN5gHh73MRHohnReeQ60N8rrLYa9LciHue3Ru2290eSThg4CzsPnx4SzkGpkSeVlhhptKtKZ+hp/ha3iVuw==",
       "dependencies": {
-        "@sentry/types": "7.103.0"
+        "@sentry/types": "7.107.0"
       },
       "engines": {
         "node": ">=8"
       }
     },
-    "node_modules/@sentry/rollup-plugin": {
-      "version": "2.14.2",
-      "resolved": "https://registry.npmjs.org/@sentry/rollup-plugin/-/rollup-plugin-2.14.2.tgz",
-      "integrity": "sha512-6cnU3RM35ED3vRkTO2pCHYGXWXkIYGTqHB75O1kMdLfSXKElY5u9bKVApC/8oIJuXg7b/l5j7reBMB5bAlsG+w==",
-      "dependencies": {
-        "@sentry/bundler-plugin-core": "2.14.2",
-        "unplugin": "1.0.1"
-      },
-      "engines": {
-        "node": ">= 14"
-      },
-      "peerDependencies": {
-        "rollup": ">=3.2.0"
-      }
-    },
     "node_modules/@sentry/vite-plugin": {
       "version": "2.14.2",
       "resolved": "https://registry.npmjs.org/@sentry/vite-plugin/-/vite-plugin-2.14.2.tgz",
@@ -5846,14 +5709,14 @@
       }
     },
     "node_modules/@sentry/vue": {
-      "version": "7.103.0",
-      "resolved": "https://registry.npmjs.org/@sentry/vue/-/vue-7.103.0.tgz",
-      "integrity": "sha512-o5DlC+B6Yq39KY8SguyX2LWM+daPmjzv5teIx+Vj/MOXRb84gooEqgGvHTO/dlR7qhP89aSw7GRdnjyV+WO5WQ==",
+      "version": "7.107.0",
+      "resolved": "https://registry.npmjs.org/@sentry/vue/-/vue-7.107.0.tgz",
+      "integrity": "sha512-nUUaa5s2W7UmgjavoksoBlduc6mePZmo4k3y5lXPhSvZ92FcidLZItRUkwubaUBHgu8zvRxkTeXGhbqfWN4Ukg==",
       "dependencies": {
-        "@sentry/browser": "7.103.0",
-        "@sentry/core": "7.103.0",
-        "@sentry/types": "7.103.0",
-        "@sentry/utils": "7.103.0"
+        "@sentry/browser": "7.107.0",
+        "@sentry/core": "7.107.0",
+        "@sentry/types": "7.107.0",
+        "@sentry/utils": "7.107.0"
       },
       "engines": {
         "node": ">=8"
@@ -5862,77 +5725,15 @@
         "vue": "2.x || 3.x"
       }
     },
-    "node_modules/@sentry/vue/node_modules/@sentry/core": {
-      "version": "7.103.0",
-      "resolved": "https://registry.npmjs.org/@sentry/core/-/core-7.103.0.tgz",
-      "integrity": "sha512-LCI+PIDoF/RLqN41fNXum3ilmS6ukni6L7t38vSdibbe2G0804EbPLtOIpv2PkS8E6CFuRW5zOb+8OwEAAtZWw==",
-      "dependencies": {
-        "@sentry/types": "7.103.0",
-        "@sentry/utils": "7.103.0"
-      },
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/@sentry/vue/node_modules/@sentry/types": {
-      "version": "7.103.0",
-      "resolved": "https://registry.npmjs.org/@sentry/types/-/types-7.103.0.tgz",
-      "integrity": "sha512-NCvKyx8d2AGBQKPARrJemZmZ16DiMo688OEikZg4BbvFNDUzK5Egm2BH0vfLDhbNkU19o3maJowrYo42m8r9Zw==",
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/@sentry/vue/node_modules/@sentry/utils": {
-      "version": "7.103.0",
-      "resolved": "https://registry.npmjs.org/@sentry/utils/-/utils-7.103.0.tgz",
-      "integrity": "sha512-phkUJt3F0UOkVq+M4GfdAh2ewI3ASrNiJddx9aO7GnT0aDwwVBHZltnqt95qgAB8W+BipTSt1dAh8yUbbq1Ceg==",
-      "dependencies": {
-        "@sentry/types": "7.103.0"
-      },
-      "engines": {
-        "node": ">=8"
-      }
-    },
     "node_modules/@sentry/wasm": {
-      "version": "7.103.0",
-      "resolved": "https://registry.npmjs.org/@sentry/wasm/-/wasm-7.103.0.tgz",
-      "integrity": "sha512-ztjYiXqE84X7MWSVWsI8MIFi/JyFV40DFvbGGGYhj9OpnfDep760nPPgXzGeIr1sTIKl1nSKZc4EGNv0H7Zcvg==",
-      "dependencies": {
-        "@sentry/browser": "7.103.0",
-        "@sentry/core": "7.103.0",
-        "@sentry/types": "7.103.0",
-        "@sentry/utils": "7.103.0"
-      },
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/@sentry/wasm/node_modules/@sentry/core": {
-      "version": "7.103.0",
-      "resolved": "https://registry.npmjs.org/@sentry/core/-/core-7.103.0.tgz",
-      "integrity": "sha512-LCI+PIDoF/RLqN41fNXum3ilmS6ukni6L7t38vSdibbe2G0804EbPLtOIpv2PkS8E6CFuRW5zOb+8OwEAAtZWw==",
-      "dependencies": {
-        "@sentry/types": "7.103.0",
-        "@sentry/utils": "7.103.0"
-      },
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/@sentry/wasm/node_modules/@sentry/types": {
-      "version": "7.103.0",
-      "resolved": "https://registry.npmjs.org/@sentry/types/-/types-7.103.0.tgz",
-      "integrity": "sha512-NCvKyx8d2AGBQKPARrJemZmZ16DiMo688OEikZg4BbvFNDUzK5Egm2BH0vfLDhbNkU19o3maJowrYo42m8r9Zw==",
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/@sentry/wasm/node_modules/@sentry/utils": {
-      "version": "7.103.0",
-      "resolved": "https://registry.npmjs.org/@sentry/utils/-/utils-7.103.0.tgz",
-      "integrity": "sha512-phkUJt3F0UOkVq+M4GfdAh2ewI3ASrNiJddx9aO7GnT0aDwwVBHZltnqt95qgAB8W+BipTSt1dAh8yUbbq1Ceg==",
+      "version": "7.107.0",
+      "resolved": "https://registry.npmjs.org/@sentry/wasm/-/wasm-7.107.0.tgz",
+      "integrity": "sha512-THIWzfz12/ODq6jARwTEoEK1aGml/m4T4xQtm9rSrwM/QUPJP1FdseMHWqm2umPw8T6iOJXiLPWbQ70Hgal7iA==",
       "dependencies": {
-        "@sentry/types": "7.103.0"
+        "@sentry/browser": "7.107.0",
+        "@sentry/core": "7.107.0",
+        "@sentry/types": "7.107.0",
+        "@sentry/utils": "7.107.0"
       },
       "engines": {
         "node": ">=8"
@@ -30115,72 +29916,34 @@
       }
     },
     "@sentry-internal/feedback": {
-      "version": "7.103.0",
-      "resolved": "https://registry.npmjs.org/@sentry-internal/feedback/-/feedback-7.103.0.tgz",
-      "integrity": "sha512-2nYoCfP7FpiUR+xxO5y5BL2ajHrhM4fL7HSup6QKNn7gI7vLyllYOOuYFNHhSmsXCD0i00U8DBClGLcn+6DQqw==",
+      "version": "7.107.0",
+      "resolved": "https://registry.npmjs.org/@sentry-internal/feedback/-/feedback-7.107.0.tgz",
+      "integrity": "sha512-okF0B9AJHrpkwNMxNs/Lffw3N5ZNbGwz4uvCfyOfnMxc7E2VfDM18QzUvTBRvNr3bA9wl+InJ+EMG3aZhyPunA==",
       "requires": {
-        "@sentry/core": "7.103.0",
-        "@sentry/types": "7.103.0",
-        "@sentry/utils": "7.103.0"
-      },
-      "dependencies": {
-        "@sentry/core": {
-          "version": "7.103.0",
-          "resolved": "https://registry.npmjs.org/@sentry/core/-/core-7.103.0.tgz",
-          "integrity": "sha512-LCI+PIDoF/RLqN41fNXum3ilmS6ukni6L7t38vSdibbe2G0804EbPLtOIpv2PkS8E6CFuRW5zOb+8OwEAAtZWw==",
-          "requires": {
-            "@sentry/types": "7.103.0",
-            "@sentry/utils": "7.103.0"
-          }
-        },
-        "@sentry/types": {
-          "version": "7.103.0",
-          "resolved": "https://registry.npmjs.org/@sentry/types/-/types-7.103.0.tgz",
-          "integrity": "sha512-NCvKyx8d2AGBQKPARrJemZmZ16DiMo688OEikZg4BbvFNDUzK5Egm2BH0vfLDhbNkU19o3maJowrYo42m8r9Zw=="
-        },
-        "@sentry/utils": {
-          "version": "7.103.0",
-          "resolved": "https://registry.npmjs.org/@sentry/utils/-/utils-7.103.0.tgz",
-          "integrity": "sha512-phkUJt3F0UOkVq+M4GfdAh2ewI3ASrNiJddx9aO7GnT0aDwwVBHZltnqt95qgAB8W+BipTSt1dAh8yUbbq1Ceg==",
-          "requires": {
-            "@sentry/types": "7.103.0"
-          }
-        }
+        "@sentry/core": "7.107.0",
+        "@sentry/types": "7.107.0",
+        "@sentry/utils": "7.107.0"
       }
     },
     "@sentry-internal/replay-canvas": {
-      "version": "7.103.0",
-      "resolved": "https://registry.npmjs.org/@sentry-internal/replay-canvas/-/replay-canvas-7.103.0.tgz",
-      "integrity": "sha512-EyDRMdlSqtwY8zGFhOWwl+nwwo98hlhJz+bpF5PQ6VmFpbplh6Wqfx2p+cPXQr40TGMMC4+vPFlSWTOMjcO9zQ==",
+      "version": "7.107.0",
+      "resolved": "https://registry.npmjs.org/@sentry-internal/replay-canvas/-/replay-canvas-7.107.0.tgz",
+      "integrity": "sha512-dmDL9g3QDfo7axBOsVnpiKdJ/DXrdeuRv1AqsLgwzJKvItsv0ZizX0u+rj5b1UoxcwbXRMxJ0hit5a1yt3t/ow==",
       "requires": {
-        "@sentry/core": "7.103.0",
-        "@sentry/replay": "7.103.0",
-        "@sentry/types": "7.103.0",
-        "@sentry/utils": "7.103.0"
-      },
-      "dependencies": {
-        "@sentry/core": {
-          "version": "7.103.0",
-          "resolved": "https://registry.npmjs.org/@sentry/core/-/core-7.103.0.tgz",
-          "integrity": "sha512-LCI+PIDoF/RLqN41fNXum3ilmS6ukni6L7t38vSdibbe2G0804EbPLtOIpv2PkS8E6CFuRW5zOb+8OwEAAtZWw==",
-          "requires": {
-            "@sentry/types": "7.103.0",
-            "@sentry/utils": "7.103.0"
-          }
-        },
-        "@sentry/types": {
-          "version": "7.103.0",
-          "resolved": "https://registry.npmjs.org/@sentry/types/-/types-7.103.0.tgz",
-          "integrity": "sha512-NCvKyx8d2AGBQKPARrJemZmZ16DiMo688OEikZg4BbvFNDUzK5Egm2BH0vfLDhbNkU19o3maJowrYo42m8r9Zw=="
-        },
-        "@sentry/utils": {
-          "version": "7.103.0",
-          "resolved": "https://registry.npmjs.org/@sentry/utils/-/utils-7.103.0.tgz",
-          "integrity": "sha512-phkUJt3F0UOkVq+M4GfdAh2ewI3ASrNiJddx9aO7GnT0aDwwVBHZltnqt95qgAB8W+BipTSt1dAh8yUbbq1Ceg==",
-          "requires": {
-            "@sentry/types": "7.103.0"
-          }
-        }
+        "@sentry/core": "7.107.0",
+        "@sentry/replay": "7.107.0",
+        "@sentry/types": "7.107.0",
+        "@sentry/utils": "7.107.0"
+      }
+    },
+    "@sentry-internal/tracing": {
+      "version": "7.107.0",
+      "resolved": "https://registry.npmjs.org/@sentry-internal/tracing/-/tracing-7.107.0.tgz",
+      "integrity": "sha512-le9wM8+OHBbq7m/8P7JUJ1UhSPIty+Z/HmRXc5Z64ODZcOwFV6TmDpYx729IXDdz36XUKmeI+BeM7yQdTTZPfQ==",
+      "requires": {
+        "@sentry/core": "7.107.0",
+        "@sentry/types": "7.107.0",
+        "@sentry/utils": "7.107.0"
       }
     },
     "@sentry/babel-plugin-component-annotate": {
@@ -30189,51 +29952,17 @@
       "integrity": "sha512-mFBVnIZmdMrpxo61rG5yf0WFt5VrRpy8cpIpJtT3mYkX9vDmcUZaZaD1ctv73iZF3QwaieVdn05Na5mWzZ8h/A=="
     },
     "@sentry/browser": {
-      "version": "7.103.0",
-      "resolved": "https://registry.npmjs.org/@sentry/browser/-/browser-7.103.0.tgz",
-      "integrity": "sha512-lP3Oplnwo1lY8ltk8SWzQURbxnSfVhYA099mVs1T95sdwXS16Za6SX7Ld/9T506ZW/WyoU4VCq7eKtG2kPFhMQ==",
+      "version": "7.107.0",
+      "resolved": "https://registry.npmjs.org/@sentry/browser/-/browser-7.107.0.tgz",
+      "integrity": "sha512-KnqaQDhxv6w9dJ+mYLsNwPeGZfgbpM3vaismBNyJCKLgWn2V75kxkSq+bDX8LQT/13AyK7iFp317L6P8EuNa3g==",
       "requires": {
-        "@sentry-internal/feedback": "7.103.0",
-        "@sentry-internal/replay-canvas": "7.103.0",
-        "@sentry-internal/tracing": "7.103.0",
-        "@sentry/core": "7.103.0",
-        "@sentry/replay": "7.103.0",
-        "@sentry/types": "7.103.0",
-        "@sentry/utils": "7.103.0"
-      },
-      "dependencies": {
-        "@sentry-internal/tracing": {
-          "version": "7.103.0",
-          "resolved": "https://registry.npmjs.org/@sentry-internal/tracing/-/tracing-7.103.0.tgz",
-          "integrity": "sha512-sZ/Wao8HOvGaBs7WlOdflMpHGAFkOBWL6hBiirHaOy5d+IDm7n7et5U6zhvcfiyYBO4nY36gy1Tg5mw+aNO0Vw==",
-          "requires": {
-            "@sentry/core": "7.103.0",
-            "@sentry/types": "7.103.0",
-            "@sentry/utils": "7.103.0"
-          }
-        },
-        "@sentry/core": {
-          "version": "7.103.0",
-          "resolved": "https://registry.npmjs.org/@sentry/core/-/core-7.103.0.tgz",
-          "integrity": "sha512-LCI+PIDoF/RLqN41fNXum3ilmS6ukni6L7t38vSdibbe2G0804EbPLtOIpv2PkS8E6CFuRW5zOb+8OwEAAtZWw==",
-          "requires": {
-            "@sentry/types": "7.103.0",
-            "@sentry/utils": "7.103.0"
-          }
-        },
-        "@sentry/types": {
-          "version": "7.103.0",
-          "resolved": "https://registry.npmjs.org/@sentry/types/-/types-7.103.0.tgz",
-          "integrity": "sha512-NCvKyx8d2AGBQKPARrJemZmZ16DiMo688OEikZg4BbvFNDUzK5Egm2BH0vfLDhbNkU19o3maJowrYo42m8r9Zw=="
-        },
-        "@sentry/utils": {
-          "version": "7.103.0",
-          "resolved": "https://registry.npmjs.org/@sentry/utils/-/utils-7.103.0.tgz",
-          "integrity": "sha512-phkUJt3F0UOkVq+M4GfdAh2ewI3ASrNiJddx9aO7GnT0aDwwVBHZltnqt95qgAB8W+BipTSt1dAh8yUbbq1Ceg==",
-          "requires": {
-            "@sentry/types": "7.103.0"
-          }
-        }
+        "@sentry-internal/feedback": "7.107.0",
+        "@sentry-internal/replay-canvas": "7.107.0",
+        "@sentry-internal/tracing": "7.107.0",
+        "@sentry/core": "7.107.0",
+        "@sentry/replay": "7.107.0",
+        "@sentry/types": "7.107.0",
+        "@sentry/utils": "7.107.0"
       }
     },
     "@sentry/bundler-plugin-core": {
@@ -30340,84 +30069,35 @@
       "integrity": "sha512-KRf0VvTltHQ5gA7CdbUkaIp222LAk/f1+KqpDzO6nB/jC/tL4sfiy6YyM4uiH6IbVEudB8WpHCECiatmyAqMBA==",
       "optional": true
     },
+    "@sentry/core": {
+      "version": "7.107.0",
+      "resolved": "https://registry.npmjs.org/@sentry/core/-/core-7.107.0.tgz",
+      "integrity": "sha512-C7ogye6+KPyBi8NVL0P8Rxx3Ur7Td8ufnjxosVy678lqY+dcYPk/HONROrzUFYW5fMKWL4/KYnwP+x9uHnkDmw==",
+      "requires": {
+        "@sentry/types": "7.107.0",
+        "@sentry/utils": "7.107.0"
+      }
+    },
     "@sentry/integrations": {
-      "version": "7.103.0",
-      "resolved": "https://registry.npmjs.org/@sentry/integrations/-/integrations-7.103.0.tgz",
-      "integrity": "sha512-jS1vQqBBF776xFpht4xS5cJRztbpskFELeZX57pELzy/J7PNjbO0/oypP1qK7budMxxkazJhkcNwJw9eUFT0pg==",
+      "version": "7.107.0",
+      "resolved": "https://registry.npmjs.org/@sentry/integrations/-/integrations-7.107.0.tgz",
+      "integrity": "sha512-0h2sZcjcdptS2pju1KSF4+sXaRaFTlmAN1ZokFfmfnVTs6cVtIFttUFxTYrwQUEE2knpAV05pz87zg1yfPAfYg==",
       "requires": {
-        "@sentry/core": "7.103.0",
-        "@sentry/types": "7.103.0",
-        "@sentry/utils": "7.103.0",
+        "@sentry/core": "7.107.0",
+        "@sentry/types": "7.107.0",
+        "@sentry/utils": "7.107.0",
         "localforage": "^1.8.1"
-      },
-      "dependencies": {
-        "@sentry/core": {
-          "version": "7.103.0",
-          "resolved": "https://registry.npmjs.org/@sentry/core/-/core-7.103.0.tgz",
-          "integrity": "sha512-LCI+PIDoF/RLqN41fNXum3ilmS6ukni6L7t38vSdibbe2G0804EbPLtOIpv2PkS8E6CFuRW5zOb+8OwEAAtZWw==",
-          "requires": {
-            "@sentry/types": "7.103.0",
-            "@sentry/utils": "7.103.0"
-          }
-        },
-        "@sentry/types": {
-          "version": "7.103.0",
-          "resolved": "https://registry.npmjs.org/@sentry/types/-/types-7.103.0.tgz",
-          "integrity": "sha512-NCvKyx8d2AGBQKPARrJemZmZ16DiMo688OEikZg4BbvFNDUzK5Egm2BH0vfLDhbNkU19o3maJowrYo42m8r9Zw=="
-        },
-        "@sentry/utils": {
-          "version": "7.103.0",
-          "resolved": "https://registry.npmjs.org/@sentry/utils/-/utils-7.103.0.tgz",
-          "integrity": "sha512-phkUJt3F0UOkVq+M4GfdAh2ewI3ASrNiJddx9aO7GnT0aDwwVBHZltnqt95qgAB8W+BipTSt1dAh8yUbbq1Ceg==",
-          "requires": {
-            "@sentry/types": "7.103.0"
-          }
-        }
       }
     },
     "@sentry/replay": {
-      "version": "7.103.0",
-      "resolved": "https://registry.npmjs.org/@sentry/replay/-/replay-7.103.0.tgz",
-      "integrity": "sha512-I37komyb+DruQG8lPPPOFxLLbOijNXeTxiWLsIn+KFZqRtKqxxQWdNnk56V4YSTpFzxnMEFMRCpXhncuTWu4LA==",
+      "version": "7.107.0",
+      "resolved": "https://registry.npmjs.org/@sentry/replay/-/replay-7.107.0.tgz",
+      "integrity": "sha512-BNJDEVaEwr/YnV22qnyVA1almx/3p615m3+KaF8lPo7YleYgJGSJv1auH64j1G8INkrJ0J0wFBujb1EFjMYkxA==",
       "requires": {
-        "@sentry-internal/tracing": "7.103.0",
-        "@sentry/core": "7.103.0",
-        "@sentry/types": "7.103.0",
-        "@sentry/utils": "7.103.0"
-      },
-      "dependencies": {
-        "@sentry-internal/tracing": {
-          "version": "7.103.0",
-          "resolved": "https://registry.npmjs.org/@sentry-internal/tracing/-/tracing-7.103.0.tgz",
-          "integrity": "sha512-sZ/Wao8HOvGaBs7WlOdflMpHGAFkOBWL6hBiirHaOy5d+IDm7n7et5U6zhvcfiyYBO4nY36gy1Tg5mw+aNO0Vw==",
-          "requires": {
-            "@sentry/core": "7.103.0",
-            "@sentry/types": "7.103.0",
-            "@sentry/utils": "7.103.0"
-          }
-        },
-        "@sentry/core": {
-          "version": "7.103.0",
-          "resolved": "https://registry.npmjs.org/@sentry/core/-/core-7.103.0.tgz",
-          "integrity": "sha512-LCI+PIDoF/RLqN41fNXum3ilmS6ukni6L7t38vSdibbe2G0804EbPLtOIpv2PkS8E6CFuRW5zOb+8OwEAAtZWw==",
-          "requires": {
-            "@sentry/types": "7.103.0",
-            "@sentry/utils": "7.103.0"
-          }
-        },
-        "@sentry/types": {
-          "version": "7.103.0",
-          "resolved": "https://registry.npmjs.org/@sentry/types/-/types-7.103.0.tgz",
-          "integrity": "sha512-NCvKyx8d2AGBQKPARrJemZmZ16DiMo688OEikZg4BbvFNDUzK5Egm2BH0vfLDhbNkU19o3maJowrYo42m8r9Zw=="
-        },
-        "@sentry/utils": {
-          "version": "7.103.0",
-          "resolved": "https://registry.npmjs.org/@sentry/utils/-/utils-7.103.0.tgz",
-          "integrity": "sha512-phkUJt3F0UOkVq+M4GfdAh2ewI3ASrNiJddx9aO7GnT0aDwwVBHZltnqt95qgAB8W+BipTSt1dAh8yUbbq1Ceg==",
-          "requires": {
-            "@sentry/types": "7.103.0"
-          }
-        }
+        "@sentry-internal/tracing": "7.107.0",
+        "@sentry/core": "7.107.0",
+        "@sentry/types": "7.107.0",
+        "@sentry/utils": "7.107.0"
       }
     },
     "@sentry/rollup-plugin": {
@@ -30429,6 +30109,19 @@
         "unplugin": "1.0.1"
       }
     },
+    "@sentry/types": {
+      "version": "7.107.0",
+      "resolved": "https://registry.npmjs.org/@sentry/types/-/types-7.107.0.tgz",
+      "integrity": "sha512-H7qcPjPSUWHE/Zf5bR1EE24G0pGVuJgrSx8Tvvl5nKEepswMYlbXHRVSDN0gTk/E5Z7cqf+hUBOpkQgZyps77w=="
+    },
+    "@sentry/utils": {
+      "version": "7.107.0",
+      "resolved": "https://registry.npmjs.org/@sentry/utils/-/utils-7.107.0.tgz",
+      "integrity": "sha512-C6PbN5gHh73MRHohnReeQ60N8rrLYa9LciHue3Ru2290eSThg4CzsPnx4SzkGpkSeVlhhptKtKZ+hp/ha3iVuw==",
+      "requires": {
+        "@sentry/types": "7.107.0"
+      }
+    },
     "@sentry/vite-plugin": {
       "version": "2.14.2",
       "resolved": "https://registry.npmjs.org/@sentry/vite-plugin/-/vite-plugin-2.14.2.tgz",
@@ -30523,73 +30216,25 @@
       }
     },
     "@sentry/vue": {
-      "version": "7.103.0",
-      "resolved": "https://registry.npmjs.org/@sentry/vue/-/vue-7.103.0.tgz",
-      "integrity": "sha512-o5DlC+B6Yq39KY8SguyX2LWM+daPmjzv5teIx+Vj/MOXRb84gooEqgGvHTO/dlR7qhP89aSw7GRdnjyV+WO5WQ==",
+      "version": "7.107.0",
+      "resolved": "https://registry.npmjs.org/@sentry/vue/-/vue-7.107.0.tgz",
+      "integrity": "sha512-nUUaa5s2W7UmgjavoksoBlduc6mePZmo4k3y5lXPhSvZ92FcidLZItRUkwubaUBHgu8zvRxkTeXGhbqfWN4Ukg==",
       "requires": {
-        "@sentry/browser": "7.103.0",
-        "@sentry/core": "7.103.0",
-        "@sentry/types": "7.103.0",
-        "@sentry/utils": "7.103.0"
-      },
-      "dependencies": {
-        "@sentry/core": {
-          "version": "7.103.0",
-          "resolved": "https://registry.npmjs.org/@sentry/core/-/core-7.103.0.tgz",
-          "integrity": "sha512-LCI+PIDoF/RLqN41fNXum3ilmS6ukni6L7t38vSdibbe2G0804EbPLtOIpv2PkS8E6CFuRW5zOb+8OwEAAtZWw==",
-          "requires": {
-            "@sentry/types": "7.103.0",
-            "@sentry/utils": "7.103.0"
-          }
-        },
-        "@sentry/types": {
-          "version": "7.103.0",
-          "resolved": "https://registry.npmjs.org/@sentry/types/-/types-7.103.0.tgz",
-          "integrity": "sha512-NCvKyx8d2AGBQKPARrJemZmZ16DiMo688OEikZg4BbvFNDUzK5Egm2BH0vfLDhbNkU19o3maJowrYo42m8r9Zw=="
-        },
-        "@sentry/utils": {
-          "version": "7.103.0",
-          "resolved": "https://registry.npmjs.org/@sentry/utils/-/utils-7.103.0.tgz",
-          "integrity": "sha512-phkUJt3F0UOkVq+M4GfdAh2ewI3ASrNiJddx9aO7GnT0aDwwVBHZltnqt95qgAB8W+BipTSt1dAh8yUbbq1Ceg==",
-          "requires": {
-            "@sentry/types": "7.103.0"
-          }
-        }
+        "@sentry/browser": "7.107.0",
+        "@sentry/core": "7.107.0",
+        "@sentry/types": "7.107.0",
+        "@sentry/utils": "7.107.0"
       }
     },
     "@sentry/wasm": {
-      "version": "7.103.0",
-      "resolved": "https://registry.npmjs.org/@sentry/wasm/-/wasm-7.103.0.tgz",
-      "integrity": "sha512-ztjYiXqE84X7MWSVWsI8MIFi/JyFV40DFvbGGGYhj9OpnfDep760nPPgXzGeIr1sTIKl1nSKZc4EGNv0H7Zcvg==",
-      "requires": {
-        "@sentry/browser": "7.103.0",
-        "@sentry/core": "7.103.0",
-        "@sentry/types": "7.103.0",
-        "@sentry/utils": "7.103.0"
-      },
-      "dependencies": {
-        "@sentry/core": {
-          "version": "7.103.0",
-          "resolved": "https://registry.npmjs.org/@sentry/core/-/core-7.103.0.tgz",
-          "integrity": "sha512-LCI+PIDoF/RLqN41fNXum3ilmS6ukni6L7t38vSdibbe2G0804EbPLtOIpv2PkS8E6CFuRW5zOb+8OwEAAtZWw==",
-          "requires": {
-            "@sentry/types": "7.103.0",
-            "@sentry/utils": "7.103.0"
-          }
-        },
-        "@sentry/types": {
-          "version": "7.103.0",
-          "resolved": "https://registry.npmjs.org/@sentry/types/-/types-7.103.0.tgz",
-          "integrity": "sha512-NCvKyx8d2AGBQKPARrJemZmZ16DiMo688OEikZg4BbvFNDUzK5Egm2BH0vfLDhbNkU19o3maJowrYo42m8r9Zw=="
-        },
-        "@sentry/utils": {
-          "version": "7.103.0",
-          "resolved": "https://registry.npmjs.org/@sentry/utils/-/utils-7.103.0.tgz",
-          "integrity": "sha512-phkUJt3F0UOkVq+M4GfdAh2ewI3ASrNiJddx9aO7GnT0aDwwVBHZltnqt95qgAB8W+BipTSt1dAh8yUbbq1Ceg==",
-          "requires": {
-            "@sentry/types": "7.103.0"
-          }
-        }
+      "version": "7.107.0",
+      "resolved": "https://registry.npmjs.org/@sentry/wasm/-/wasm-7.107.0.tgz",
+      "integrity": "sha512-THIWzfz12/ODq6jARwTEoEK1aGml/m4T4xQtm9rSrwM/QUPJP1FdseMHWqm2umPw8T6iOJXiLPWbQ70Hgal7iA==",
+      "requires": {
+        "@sentry/browser": "7.107.0",
+        "@sentry/core": "7.107.0",
+        "@sentry/types": "7.107.0",
+        "@sentry/utils": "7.107.0"
       }
     },
     "@sentry/webpack-plugin": {
diff --git a/package.json b/package.json
index a21490aa7..2e763fcff 100644
--- a/package.json
+++ b/package.json
@@ -33,11 +33,11 @@
     "@bdelab/roar-swr": "^1.9.0",
     "@bdelab/roar-utils": "^1.1.0",
     "@bdelab/roar-vocab": "^1.6.11",
-    "@sentry/browser": "^7.103.0",
-    "@sentry/integrations": "^7.103.0",
+    "@sentry/browser": "^7.107.0",
+    "@sentry/integrations": "^7.107.0",
     "@sentry/vite-plugin": "^2.14.2",
-    "@sentry/vue": "^7.103.0",
-    "@sentry/wasm": "^7.103.0",
+    "@sentry/vue": "^7.107.0",
+    "@sentry/wasm": "^7.107.0",
     "@tanstack/vue-query": "^4.35.7",
     "@vuelidate/core": "^2.0.0-alpha.40",
     "@vuelidate/validators": "^2.0.0-alpha.28",
diff --git a/src/main.js b/src/main.js
index 608a193e7..94197caed 100644
--- a/src/main.js
+++ b/src/main.js
@@ -1,4 +1,4 @@
-import { createApp, onMounted } from 'vue';
+import { createApp } from 'vue';
 import { createPinia } from 'pinia';
 import { createHead } from '@vueuse/head';
 import { initSentry } from '@/sentry';
@@ -94,11 +94,7 @@ const app = createApp(App);
 const pinia = createPinia();
 pinia.use(piniaPluginPersistedState);
 
-onMounted(() => {
-  if (window.location.origin === 'https://roar.education') {
-    initSentry(app);
-  }
-});
+initSentry(app);
 
 app.use(PrimeVue, { ripple: true });
 app.use(ToastService);
diff --git a/src/sentry.js b/src/sentry.js
index 8a1a9222a..f43790b23 100644
--- a/src/sentry.js
+++ b/src/sentry.js
@@ -8,7 +8,7 @@ export function initSentry(app) {
   if (process.env.NODE_ENV === 'production') {
     Sentry.init({
       app,
-      dsn: 'https://f15e3ff866394e93e00514b42113d03d@o4505913837420544.ingest.sentry.io/4506820782129152',
+      dsn: 'https://f15e3ff866394e93e00514b42113d03d@o4505913837420544.ingest.us.sentry.io/4506820782129152',
       integrations: [
         Sentry.replayIntegration({
           maskAllText: true,
@@ -18,20 +18,27 @@ export function initSentry(app) {
         captureConsoleIntegration({
           levels: ['error'],
         }),
+        Sentry.feedbackIntegration({
+          showBranding: false,
+          isNameRequired: true,
+          formTitle: 'Report an Issue to ROAR',
+          colorScheme: 'light',
+          themeLight: {
+            submitBackground: 'darkred',
+            submitBackgroundHover: 'red',
+            border: '2px solid darkred',
+          },
+        }),
         contextLinesIntegration(),
         extraErrorDataIntegration(),
       ],
       attachStacktrace: true,
       // Performance Monitoring
       tracesSampleRate: 0.2, // Capture 20% of the transactions
-      tracePropagationTargets: ['localhost', 'https://roar.education/**/*', regex],
+      tracePropagationTargets: ['localhost:5173', 'https://roar.education/**/*', regex],
       // Session Replay
       replaysSessionSampleRate: 0.1, // This sets the sample rate at 10%. You may want to change it to 100% while in development and then sample at a lower rate in production.
       replaysOnErrorSampleRate: 1.0, // If you're not already sampling the entire session, change the sample rate to 100% when sampling sessions where errors occur.
-
-      beforeSend(event) {
-        return event;
-      },
     });
   }
 }

From 8448c4e96a1bae1569d58976552e35a2abc5170c Mon Sep 17 00:00:00 2001
From: Kyle <ksmontville@gmail.com>
Date: Tue, 19 Mar 2024 16:51:32 -0700
Subject: [PATCH 04/25] move bug report button to bottom left

---
 src/assets/styles/root/base.scss                     |  6 ++++++
 src/sentry.js                                        |  1 -
 .../en/us/en-us-componentTranslations.json           | 12 ++++++++++++
 3 files changed, 18 insertions(+), 1 deletion(-)

diff --git a/src/assets/styles/root/base.scss b/src/assets/styles/root/base.scss
index 0642a1fc4..32e5809cc 100644
--- a/src/assets/styles/root/base.scss
+++ b/src/assets/styles/root/base.scss
@@ -12,6 +12,12 @@ body {
   -moz-osx-font-smoothing: grayscale;
 }
 
+// Sentry feedback widget
+#sentry-feedback {
+  --bottom: 1rem;
+  --left: 1rem;
+}
+
 // Placeholder
 ::-webkit-input-placeholder {
   color: var(--text-color-secondary);
diff --git a/src/sentry.js b/src/sentry.js
index f43790b23..9ea13f2fe 100644
--- a/src/sentry.js
+++ b/src/sentry.js
@@ -20,7 +20,6 @@ export function initSentry(app) {
         }),
         Sentry.feedbackIntegration({
           showBranding: false,
-          isNameRequired: true,
           formTitle: 'Report an Issue to ROAR',
           colorScheme: 'light',
           themeLight: {
diff --git a/src/translations/en/us/en-us-componentTranslations.json b/src/translations/en/us/en-us-componentTranslations.json
index c1396688c..98233357b 100644
--- a/src/translations/en/us/en-us-componentTranslations.json
+++ b/src/translations/en/us/en-us-componentTranslations.json
@@ -61,5 +61,17 @@
   },
   "tasks": {
     "preparing": "Preparing your game!"
+  },
+  "sentryForm": {
+    "buttonLabel": "Report a Bug",
+    "formTitle": "Report an Issue to ROAR",
+    "nameField": "Name",
+    "namePlaceholder": "Your name",
+    "emailField": "Email",
+    "emailPlaceholder": "your.email@example.org",
+    "descriptionField": "Description",
+    "descriptionPlaceholder": "Please describe the issue you encountered",
+    "submitButtonText": "Send Bug Report",
+    "cancelButtonText": "Cancel"
   }
 }

From 33f23bb015a8a8a26f7d1e313693e6b48ddc705b Mon Sep 17 00:00:00 2001
From: Kyle <ksmontville@gmail.com>
Date: Tue, 19 Mar 2024 17:01:52 -0700
Subject: [PATCH 05/25] fix max width property

---
 src/assets/styles/root/base.scss | 1 +
 1 file changed, 1 insertion(+)

diff --git a/src/assets/styles/root/base.scss b/src/assets/styles/root/base.scss
index 32e5809cc..eb461b5bb 100644
--- a/src/assets/styles/root/base.scss
+++ b/src/assets/styles/root/base.scss
@@ -16,6 +16,7 @@ body {
 #sentry-feedback {
   --bottom: 1rem;
   --left: 1rem;
+  max-width: fit-content;
 }
 
 // Placeholder

From 65587b93825c057de48e722d7f932c2625a91c35 Mon Sep 17 00:00:00 2001
From: Kyle <ksmontville@gmail.com>
Date: Wed, 20 Mar 2024 11:15:22 -0700
Subject: [PATCH 06/25] widget styling

---
 src/assets/styles/root/base.scss |  9 +++-
 src/sentry.js                    | 71 ++++++++++++++++----------------
 2 files changed, 44 insertions(+), 36 deletions(-)

diff --git a/src/assets/styles/root/base.scss b/src/assets/styles/root/base.scss
index eb461b5bb..d9fb5104b 100644
--- a/src/assets/styles/root/base.scss
+++ b/src/assets/styles/root/base.scss
@@ -14,9 +14,16 @@ body {
 
 // Sentry feedback widget
 #sentry-feedback {
+  max-width: fit-content;
+  opacity: 0.85;
   --bottom: 1rem;
   --left: 1rem;
-  max-width: fit-content;
+  --border: 1px solid var(--primary-color);
+  --background-hover: var(--red-100);
+  --submit-border: var(--primary-color);
+  --submit-background: var(--primary-color);
+  --submit-background-hover: var(--primary-color-hover);
+  --cancel-background-hover: var(--red-100);
 }
 
 // Placeholder
diff --git a/src/sentry.js b/src/sentry.js
index 9ea13f2fe..a5b484ff9 100644
--- a/src/sentry.js
+++ b/src/sentry.js
@@ -5,39 +5,40 @@ const regex = /https:\/\/roar-staging(--pr\d+-\w+)?\.web\.app/;
 
 export function initSentry(app) {
   // Only initialize Sentry in production
-  if (process.env.NODE_ENV === 'production') {
-    Sentry.init({
-      app,
-      dsn: 'https://f15e3ff866394e93e00514b42113d03d@o4505913837420544.ingest.us.sentry.io/4506820782129152',
-      integrations: [
-        Sentry.replayIntegration({
-          maskAllText: true,
-          maskAllInputs: true,
-        }),
-        Sentry.browserTracingIntegration(),
-        captureConsoleIntegration({
-          levels: ['error'],
-        }),
-        Sentry.feedbackIntegration({
-          showBranding: false,
-          formTitle: 'Report an Issue to ROAR',
-          colorScheme: 'light',
-          themeLight: {
-            submitBackground: 'darkred',
-            submitBackgroundHover: 'red',
-            border: '2px solid darkred',
-          },
-        }),
-        contextLinesIntegration(),
-        extraErrorDataIntegration(),
-      ],
-      attachStacktrace: true,
-      // Performance Monitoring
-      tracesSampleRate: 0.2, // Capture 20% of the transactions
-      tracePropagationTargets: ['localhost:5173', 'https://roar.education/**/*', regex],
-      // Session Replay
-      replaysSessionSampleRate: 0.1, // This sets the sample rate at 10%. You may want to change it to 100% while in development and then sample at a lower rate in production.
-      replaysOnErrorSampleRate: 1.0, // If you're not already sampling the entire session, change the sample rate to 100% when sampling sessions where errors occur.
-    });
-  }
+  // if (process.env.NODE_ENV === 'production') {
+  Sentry.init({
+    app,
+    dsn: 'https://f15e3ff866394e93e00514b42113d03d@o4505913837420544.ingest.us.sentry.io/4506820782129152',
+    integrations: [
+      Sentry.replayIntegration({
+        maskAllText: true,
+        maskAllInputs: true,
+      }),
+      Sentry.browserTracingIntegration(),
+      captureConsoleIntegration({
+        levels: ['error'],
+      }),
+      Sentry.feedbackIntegration({
+        showBranding: false,
+        showName: false,
+        colorScheme: 'light',
+        formTitle: 'Report an Issue to ROAR',
+        buttonLabel: 'Report an Issue',
+        submitButtonLabel: 'Submit Issue Report',
+        namePlaceholder: 'Your Name (optional)',
+        emailPlaceholder: 'your.email@example.org (optional)',
+        messagePlaceholder: 'What is the issue? What did you want to experience instead? Thank you for sharing.',
+      }),
+      contextLinesIntegration(),
+      extraErrorDataIntegration(),
+    ],
+    attachStacktrace: true,
+    // Performance Monitoring
+    tracesSampleRate: 0.2, // Capture 20% of the transactions
+    tracePropagationTargets: ['localhost:5173', 'https://roar.education/**/*', regex],
+    // Session Replay
+    replaysSessionSampleRate: 0.1, // This sets the sample rate at 10%. You may want to change it to 100% while in development and then sample at a lower rate in production.
+    replaysOnErrorSampleRate: 1.0, // If you're not already sampling the entire session, change the sample rate to 100% when sampling sessions where errors occur.
+  });
 }
+// }

From 69f863301d216624a6f0ac9d3f0c18254ba30ed3 Mon Sep 17 00:00:00 2001
From: Kyle <ksmontville@gmail.com>
Date: Thu, 21 Mar 2024 09:11:18 -0700
Subject: [PATCH 07/25] standardize TaskComponent

---
 src/components/tasks/TaskFluency.vue     | 16 ++++++++++-----
 src/components/tasks/TaskLetter.vue      | 20 ++++++++++++-------
 src/components/tasks/TaskLevante.vue     |  5 +++--
 src/components/tasks/TaskMultichoice.vue | 20 +++++++++++++------
 src/components/tasks/TaskPA.vue          | 24 +++++++++++++++++------
 src/components/tasks/TaskSRE.vue         | 23 +++++++++++-----------
 src/components/tasks/TaskSWR.vue         | 16 ++++++++++-----
 src/components/tasks/TaskVocab.vue       | 25 +++++++++++++++++-------
 src/router/index.js                      |  7 +++++--
 9 files changed, 104 insertions(+), 52 deletions(-)

diff --git a/src/components/tasks/TaskFluency.vue b/src/components/tasks/TaskFluency.vue
index c923d0b5f..ea7b5c0ad 100644
--- a/src/components/tasks/TaskFluency.vue
+++ b/src/components/tasks/TaskFluency.vue
@@ -16,12 +16,13 @@ import _get from 'lodash/get';
 import { fetchDocById } from '@/helpers/query/utils';
 
 const props = defineProps({
-  taskId: { type: String, required: true, default: 'fluency-arf' },
-  language: { type: String, required: true, default: 'en' },
+  taskId: { type: String, default: 'fluency-arf' },
+  language: { type: String, default: 'en' },
 });
 
 let TaskLauncher;
 
+const task = '@bdelab/roam-fluency';
 const taskId = props.taskId;
 const router = useRouter();
 const gameStarted = ref(false);
@@ -59,11 +60,11 @@ window.addEventListener(
 );
 
 onMounted(async () => {
+  TaskLauncher = (await import(task)).default;
   if (roarfirekit.value.restConfig) init();
   if (isFirekitInit.value && !isLoadingUserData.value) {
-    await startTask();
+    await startTask(task);
   }
-  TaskLauncher = (await import('@bdelab/roam-fluency')).default;
 });
 
 watch([isFirekitInit, isLoadingUserData], async ([newFirekitInitValue, newLoadingUserData]) => {
@@ -72,7 +73,7 @@ watch([isFirekitInit, isLoadingUserData], async ([newFirekitInitValue, newLoadin
 
 const { selectedAdmin } = storeToRefs(gameStore);
 
-async function startTask() {
+async function startTask(_task) {
   const appKit = await authStore.roarfirekit.startAssessment(selectedAdmin.value.id, taskId);
 
   const userDob = _get(userData.value, 'studentData.dob');
@@ -86,6 +87,11 @@ async function startTask() {
   };
 
   const gameParams = { ...appKit._taskInfo.variantParams };
+
+  if (TaskLauncher === undefined) {
+    TaskLauncher = (await import(_task)).default;
+  }
+
   const roarApp = new TaskLauncher(appKit, gameParams, userParams, 'jspsych-target');
 
   gameStarted.value = true;
diff --git a/src/components/tasks/TaskLetter.vue b/src/components/tasks/TaskLetter.vue
index e8a510b2e..63932e58b 100644
--- a/src/components/tasks/TaskLetter.vue
+++ b/src/components/tasks/TaskLetter.vue
@@ -16,12 +16,13 @@ import _get from 'lodash/get';
 import { fetchDocById } from '@/helpers/query/utils';
 
 const props = defineProps({
-  taskId: { type: String, required: true, default: 'letter' },
-  language: { type: String, required: true, default: 'en' },
+  taskId: { type: String, default: 'letter' },
+  language: { type: String, default: 'en' },
 });
 
-let RoarLetter;
+let TaskLauncher;
 
+const task = '@bdelab/roar-letter';
 const taskId = props.taskId;
 const router = useRouter();
 const gameStarted = ref(false);
@@ -59,11 +60,11 @@ window.addEventListener(
 );
 
 onMounted(async () => {
+  TaskLauncher = (await import(task)).default;
   if (roarfirekit.value.restConfig) init();
   if (isFirekitInit.value && !isLoadingUserData.value) {
-    await startTask();
+    await startTask(task);
   }
-  RoarLetter = (await import('@bdelab/roar-letter')).default;
 });
 
 watch([isFirekitInit, isLoadingUserData], async ([newFirekitInitValue, newLoadingUserData]) => {
@@ -72,7 +73,7 @@ watch([isFirekitInit, isLoadingUserData], async ([newFirekitInitValue, newLoadin
 
 const { selectedAdmin } = storeToRefs(gameStore);
 
-async function startTask() {
+async function startTask(_task) {
   const appKit = await authStore.roarfirekit.startAssessment(selectedAdmin.value.id, taskId);
 
   const userDob = _get(userData.value, 'studentData.dob');
@@ -86,7 +87,12 @@ async function startTask() {
   };
 
   const gameParams = { ...appKit._taskInfo.variantParams };
-  const roarApp = new RoarLetter(appKit, gameParams, userParams, 'jspsych-target');
+
+  if (TaskLauncher === undefined) {
+    TaskLauncher = (await import(_task)).default;
+  }
+
+  const roarApp = new TaskLauncher(appKit, gameParams, userParams, 'jspsych-target');
 
   gameStarted.value = true;
   await roarApp.run().then(async () => {
diff --git a/src/components/tasks/TaskLevante.vue b/src/components/tasks/TaskLevante.vue
index aa47cd45b..765c7c8b5 100644
--- a/src/components/tasks/TaskLevante.vue
+++ b/src/components/tasks/TaskLevante.vue
@@ -16,11 +16,12 @@ import { useGameStore } from '@/store/game';
 import _get from 'lodash/get';
 import { fetchDocById } from '@/helpers/query/utils';
 const props = defineProps({
-  taskId: { type: String, required: true, default: 'egma-math' },
+  taskId: { type: String, default: 'egma-math' },
 });
 
 let TaskLauncher;
 
+const task = 'core-tasks';
 const taskId = props.taskId;
 const router = useRouter();
 const gameStarted = ref(false);
@@ -53,11 +54,11 @@ window.addEventListener(
   { once: true },
 );
 onMounted(async () => {
+  TaskLauncher = (await import(task)).default;
   if (roarfirekit.value.restConfig) init();
   if (isFirekitInit.value && !isLoadingUserData.value) {
     await startTask();
   }
-  TaskLauncher = (await import('core-tasks')).default;
 });
 watch([isFirekitInit, isLoadingUserData], async ([newFirekitInitValue, newLoadingUserData]) => {
   if (newFirekitInitValue && !newLoadingUserData) await startTask();
diff --git a/src/components/tasks/TaskMultichoice.vue b/src/components/tasks/TaskMultichoice.vue
index d0eaf07a0..8ab88739b 100644
--- a/src/components/tasks/TaskMultichoice.vue
+++ b/src/components/tasks/TaskMultichoice.vue
@@ -16,11 +16,13 @@ import _get from 'lodash/get';
 import { fetchDocById } from '@/helpers/query/utils';
 
 const props = defineProps({
-  taskId: { type: String, required: true, default: 'multichoice' },
+  taskId: { type: String, default: 'multichoice' },
+  language: { type: String, default: 'en' },
 });
 
-let RoarMultichoice;
+let TaskLauncher;
 
+const task = '@bdelab/roar-multichoice';
 const taskId = props.taskId;
 const router = useRouter();
 const gameStarted = ref(false);
@@ -58,11 +60,11 @@ window.addEventListener(
 );
 
 onMounted(async () => {
+  TaskLauncher = (await import(task)).default;
   if (roarfirekit.value.restConfig) init();
   if (isFirekitInit.value && !isLoadingUserData.value) {
-    await startTask();
+    await startTask(task);
   }
-  RoarMultichoice = (await import('@bdelab/roar-multichoice')).default;
 });
 
 watch([isFirekitInit, isLoadingUserData], async ([newFirekitInitValue, newLoadingUserData]) => {
@@ -71,7 +73,7 @@ watch([isFirekitInit, isLoadingUserData], async ([newFirekitInitValue, newLoadin
 
 const { selectedAdmin } = storeToRefs(gameStore);
 
-async function startTask() {
+async function startTask(_task) {
   const appKit = await authStore.roarfirekit.startAssessment(selectedAdmin.value.id, taskId);
 
   const userDob = _get(userData.value, 'studentData.dob');
@@ -81,10 +83,16 @@ async function startTask() {
     grade: _get(userData.value, 'studentData.grade'),
     birthMonth: userDateObj.getMonth() + 1,
     birthYear: userDateObj.getFullYear(),
+    language: props.language,
   };
 
   const gameParams = { ...appKit._taskInfo.variantParams };
-  const roarApp = new RoarMultichoice(appKit, gameParams, userParams, 'jspsych-target');
+
+  if (TaskLauncher === undefined) {
+    TaskLauncher = (await import(_task)).default;
+  }
+
+  const roarApp = new TaskLauncher(appKit, gameParams, userParams, 'jspsych-target');
 
   gameStarted.value = true;
   await roarApp.run().then(async () => {
diff --git a/src/components/tasks/TaskPA.vue b/src/components/tasks/TaskPA.vue
index 2c067fd8b..310a4670a 100644
--- a/src/components/tasks/TaskPA.vue
+++ b/src/components/tasks/TaskPA.vue
@@ -15,9 +15,15 @@ import { useGameStore } from '@/store/game';
 import _get from 'lodash/get';
 import { fetchDocById } from '@/helpers/query/utils';
 
-let RoarPA;
+const props = defineProps({
+  taskId: { type: String, default: 'pa' },
+  language: { type: String, default: 'en' },
+});
+
+let TaskLauncher;
 
-const taskId = 'pa';
+const task = '@bdelab/roar-pa';
+const taskId = props.taskId;
 const router = useRouter();
 const gameStarted = ref(false);
 const authStore = useAuthStore();
@@ -54,11 +60,11 @@ window.addEventListener(
 );
 
 onMounted(async () => {
+  TaskLauncher = (await import(task)).default;
   if (roarfirekit.value.restConfig) init();
   if (isFirekitInit.value && !isLoadingUserData.value) {
-    await startTask();
+    await startTask(task);
   }
-  RoarPA = (await import('@bdelab/roar-pa')).default;
 });
 
 watch([isFirekitInit, isLoadingUserData], async ([newFirekitInitValue, newLoadingUserData]) => {
@@ -67,7 +73,7 @@ watch([isFirekitInit, isLoadingUserData], async ([newFirekitInitValue, newLoadin
 
 const { selectedAdmin } = storeToRefs(gameStore);
 
-async function startTask() {
+async function startTask(_task) {
   const appKit = await authStore.roarfirekit.startAssessment(selectedAdmin.value.id, taskId);
 
   const userDob = _get(userData.value, 'studentData.dob');
@@ -77,10 +83,16 @@ async function startTask() {
     grade: _get(userData.value, 'studentData.grade'),
     birthMonth: userDateObj.getMonth() + 1,
     birthYear: userDateObj.getFullYear(),
+    language: props.language,
   };
 
   const gameParams = { ...appKit._taskInfo.variantParams };
-  const roarApp = new RoarPA(appKit, gameParams, userParams, 'jspsych-target');
+
+  if (TaskLauncher === undefined) {
+    TaskLauncher = (await import(_task)).default;
+  }
+
+  const roarApp = new TaskLauncher(appKit, gameParams, userParams, 'jspsych-target');
 
   gameStarted.value = true;
   await roarApp.run().then(async () => {
diff --git a/src/components/tasks/TaskSRE.vue b/src/components/tasks/TaskSRE.vue
index 70542426d..acfb436be 100644
--- a/src/components/tasks/TaskSRE.vue
+++ b/src/components/tasks/TaskSRE.vue
@@ -20,8 +20,9 @@ const props = defineProps({
   language: { type: String, required: true, default: 'en' },
 });
 
-let RoarSRE;
+let TaskLauncher;
 
+const task = '@bdelab/roar-sre';
 const taskId = props.taskId;
 const router = useRouter();
 const gameStarted = ref(false);
@@ -59,11 +60,11 @@ window.addEventListener(
 );
 
 onMounted(async () => {
+  TaskLauncher = (await import(task)).default;
   if (roarfirekit.value.restConfig) init();
   if (isFirekitInit.value && !isLoadingUserData.value) {
-    await startTask();
+    await startTask(task);
   }
-  RoarSRE = (await import('@bdelab/roar-sre')).default;
 });
 
 watch([isFirekitInit, isLoadingUserData], async ([newFirekitInitValue, newLoadingUserData]) => {
@@ -72,7 +73,7 @@ watch([isFirekitInit, isLoadingUserData], async ([newFirekitInitValue, newLoadin
 
 const { selectedAdmin } = storeToRefs(gameStore);
 
-async function startTask() {
+async function startTask(_task) {
   const appKit = await authStore.roarfirekit.startAssessment(selectedAdmin.value.id, taskId);
 
   const userDob = _get(userData.value, 'studentData.dob');
@@ -86,22 +87,20 @@ async function startTask() {
   };
 
   const gameParams = { ...appKit._taskInfo.variantParams };
-  const roarApp = new RoarSRE(appKit, gameParams, userParams, 'jspsych-target');
+
+  if (TaskLauncher === undefined) {
+    TaskLauncher = (await import(_task)).default;
+  }
+
+  const roarApp = new TaskLauncher(appKit, gameParams, userParams, 'jspsych-target');
 
   gameStarted.value = true;
   await roarApp.run().then(async () => {
-    console.log('Finished assessment');
     // Handle any post-game actions.
     await authStore.completeAssessment(selectedAdmin.value.id, taskId);
 
-    console.log('Finished authStore.completeAssessment');
-
     // Navigate to home, but first set the refresh flag to true.
     gameStore.requireHomeRefresh();
-
-    console.log('Finished gameStore.requireHomeRefresh');
-
-    console.log('router.push Home');
     router.push({ name: 'Home' });
   });
 }
diff --git a/src/components/tasks/TaskSWR.vue b/src/components/tasks/TaskSWR.vue
index 796cc85ec..7892506f8 100644
--- a/src/components/tasks/TaskSWR.vue
+++ b/src/components/tasks/TaskSWR.vue
@@ -20,8 +20,9 @@ const props = defineProps({
   language: { type: String, required: true, default: 'en' },
 });
 
-let RoarSWR;
+let TaskLauncher;
 
+const task = '@bdelab/roar-swr';
 const taskId = props.taskId;
 const router = useRouter();
 const gameStarted = ref(false);
@@ -59,11 +60,11 @@ window.addEventListener(
 );
 
 onMounted(async () => {
+  TaskLauncher = (await import(task)).default;
   if (roarfirekit.value.restConfig) init();
   if (isFirekitInit.value && !isLoadingUserData.value) {
-    await startTask();
+    await startTask(task);
   }
-  RoarSWR = (await import('@bdelab/roar-swr')).default;
 });
 
 watch([isFirekitInit, isLoadingUserData], async ([newFirekitInitValue, newLoadingUserData]) => {
@@ -72,7 +73,7 @@ watch([isFirekitInit, isLoadingUserData], async ([newFirekitInitValue, newLoadin
 
 const { selectedAdmin } = storeToRefs(gameStore);
 
-async function startTask() {
+async function startTask(_task) {
   const appKit = await authStore.roarfirekit.startAssessment(selectedAdmin.value.id, taskId);
 
   const userDob = _get(userData.value, 'studentData.dob');
@@ -86,7 +87,12 @@ async function startTask() {
   };
 
   const gameParams = { ...appKit._taskInfo.variantParams };
-  const roarApp = new RoarSWR(appKit, gameParams, userParams, 'jspsych-target');
+
+  if (TaskLauncher === undefined) {
+    TaskLauncher = (await import(_task)).default;
+  }
+
+  const roarApp = new TaskLauncher(appKit, gameParams, userParams, 'jspsych-target');
 
   gameStarted.value = true;
   await roarApp.run().then(async () => {
diff --git a/src/components/tasks/TaskVocab.vue b/src/components/tasks/TaskVocab.vue
index e97bd4a94..ae137967d 100644
--- a/src/components/tasks/TaskVocab.vue
+++ b/src/components/tasks/TaskVocab.vue
@@ -15,9 +15,15 @@ import { useGameStore } from '@/store/game';
 import _get from 'lodash/get';
 import { fetchDocById } from '@/helpers/query/utils';
 
-let RoarVocab;
+const props = defineProps({
+  taskId: { type: String, required: true, default: 'vocab' },
+  language: { type: String, required: true, default: 'en' },
+});
+
+let TaskLauncher;
 
-const taskId = 'vocab';
+const task = '@bdelab/roar-vocab';
+const taskId = props.taskId;
 const router = useRouter();
 const gameStarted = ref(false);
 const authStore = useAuthStore();
@@ -54,12 +60,11 @@ window.addEventListener(
 );
 
 onMounted(async () => {
+  TaskLauncher = (await import(task)).default;
   if (roarfirekit.value.restConfig) init();
   if (isFirekitInit.value && !isLoadingUserData.value) {
-    await startTask();
+    await startTask(task);
   }
-  // Dynamically import the RoarVocab module to reduce chunk size.
-  RoarVocab = (await import('@bdelab/roar-vocab')).default;
 });
 
 watch([isFirekitInit, isLoadingUserData], async ([newFirekitInitValue, newLoadingUserData]) => {
@@ -68,7 +73,7 @@ watch([isFirekitInit, isLoadingUserData], async ([newFirekitInitValue, newLoadin
 
 const { selectedAdmin } = storeToRefs(gameStore);
 
-async function startTask() {
+async function startTask(_task) {
   const appKit = await authStore.roarfirekit.startAssessment(selectedAdmin.value.id, taskId);
 
   const userDob = _get(userData.value, 'studentData.dob');
@@ -78,10 +83,16 @@ async function startTask() {
     grade: _get(userData.value, 'studentData.grade'),
     birthMonth: userDateObj.getMonth() + 1,
     birthYear: userDateObj.getFullYear(),
+    language: props.language,
   };
 
   const gameParams = { ...appKit._taskInfo.variantParams };
-  const roarApp = new RoarVocab(appKit, gameParams, userParams, 'jspsych-target');
+
+  if (TaskLauncher === undefined) {
+    TaskLauncher = (await import(_task)).default;
+  }
+
+  const roarApp = new TaskLauncher(appKit, gameParams, userParams, 'jspsych-target');
 
   gameStarted.value = true;
   await roarApp.run().then(async () => {
diff --git a/src/router/index.js b/src/router/index.js
index 8defd5c49..1df1ead7c 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -55,6 +55,7 @@ const routes = [
     path: '/game/pa',
     name: 'PA',
     component: () => import('../components/tasks/TaskPA.vue'),
+    props: { taskId: 'pa', language: 'en' },
     meta: { pageTitle: 'PA' },
   },
   {
@@ -89,26 +90,28 @@ const routes = [
     path: '/game/multichoice',
     name: 'Multichoice',
     component: () => import('../components/tasks/TaskMultichoice.vue'),
+    props: { taskId: 'multichoice', language: 'en' },
     meta: { pageTitle: 'Multichoice' },
   },
   {
     path: '/game/morphology',
     name: 'Morphology',
     component: () => import('../components/tasks/TaskMultichoice.vue'),
-    props: { taskId: 'morphology' },
+    props: { taskId: 'morphology', language: 'en' },
     meta: { pageTitle: 'Morphology' },
   },
   {
     path: '/game/cva',
     name: 'Cva',
     component: () => import('../components/tasks/TaskMultichoice.vue'),
-    props: { taskId: 'cva' },
+    props: { taskId: 'cva', language: 'en' },
     meta: { pageTitle: 'CVA' },
   },
   {
     path: '/game/vocab',
     name: 'Vocab',
     component: () => import('../components/tasks/TaskVocab.vue'),
+    props: { taskId: 'vocab', language: 'en' },
     meta: { pageTitle: 'Vocab' },
   },
   {

From 87f3ea0453b1ec8c084ced453c8702d8dce6a6d4 Mon Sep 17 00:00:00 2001
From: Kyle <ksmontville@gmail.com>
Date: Thu, 21 Mar 2024 09:48:01 -0700
Subject: [PATCH 08/25] add translations to Sentry form

---
 src/sentry.js                                    | 16 ++++++++++------
 .../en/en-componentTranslations.json             | 10 ++++++++++
 .../en/us/en-us-componentTranslations.json       | 16 +++++++---------
 .../es/co/es-co-componentTranslations.json       | 10 ++++++++++
 .../es/es-componentTranslations.json             | 10 ++++++++++
 5 files changed, 47 insertions(+), 15 deletions(-)

diff --git a/src/sentry.js b/src/sentry.js
index a5b484ff9..7dc426a9e 100644
--- a/src/sentry.js
+++ b/src/sentry.js
@@ -1,5 +1,6 @@
 import * as Sentry from '@sentry/vue';
 import { captureConsoleIntegration, contextLinesIntegration, extraErrorDataIntegration } from '@sentry/integrations';
+import { i18n } from './translations/i18n';
 
 const regex = /https:\/\/roar-staging(--pr\d+-\w+)?\.web\.app/;
 
@@ -21,13 +22,16 @@ export function initSentry(app) {
       Sentry.feedbackIntegration({
         showBranding: false,
         showName: false,
+        showEmail: false,
         colorScheme: 'light',
-        formTitle: 'Report an Issue to ROAR',
-        buttonLabel: 'Report an Issue',
-        submitButtonLabel: 'Submit Issue Report',
-        namePlaceholder: 'Your Name (optional)',
-        emailPlaceholder: 'your.email@example.org (optional)',
-        messagePlaceholder: 'What is the issue? What did you want to experience instead? Thank you for sharing.',
+        formTitle: i18n.global.t('sentryForm.formTitle'),
+        buttonLabel: i18n.global.t('sentryForm.buttonLabel'),
+        cancelButtonLabel: i18n.global.t('sentryForm.cancelButtonLabel'),
+        submitButtonLabel: i18n.global.t('sentryForm.submitButtonLabel'),
+        namePlaceholder: i18n.global.t('sentryForm.namePlaceholder'),
+        emailPlaceholder: i18n.global.t('sentryForm.emailPlaceholder'),
+        messageLabel: i18n.global.t('sentryForm.messageLabel'),
+        messagePlaceholder: i18n.global.t('sentryForm.messagePlaceholder'),
       }),
       contextLinesIntegration(),
       extraErrorDataIntegration(),
diff --git a/src/translations/en/en-componentTranslations.json b/src/translations/en/en-componentTranslations.json
index c1396688c..24edb6e19 100644
--- a/src/translations/en/en-componentTranslations.json
+++ b/src/translations/en/en-componentTranslations.json
@@ -61,5 +61,15 @@
   },
   "tasks": {
     "preparing": "Preparing your game!"
+  },
+  "sentryForm": {
+    "formTitle": "Report an Issue to ROAR",
+    "buttonLabel": "Report an Issue",
+    "submitButtonLabel": "Submit Issue Report",
+    "cancelButtonLabel": "Cancel",
+    "namePlaceholder": "Your Name (optional)",
+    "emailPlaceholder": "your.email@example.org (optional)",
+    "messageLabel": "Description",
+    "messagePlaceholder": "What is the issue? What did you want to experience instead? Thank you for sharing."
   }
 }
diff --git a/src/translations/en/us/en-us-componentTranslations.json b/src/translations/en/us/en-us-componentTranslations.json
index 98233357b..24edb6e19 100644
--- a/src/translations/en/us/en-us-componentTranslations.json
+++ b/src/translations/en/us/en-us-componentTranslations.json
@@ -63,15 +63,13 @@
     "preparing": "Preparing your game!"
   },
   "sentryForm": {
-    "buttonLabel": "Report a Bug",
     "formTitle": "Report an Issue to ROAR",
-    "nameField": "Name",
-    "namePlaceholder": "Your name",
-    "emailField": "Email",
-    "emailPlaceholder": "your.email@example.org",
-    "descriptionField": "Description",
-    "descriptionPlaceholder": "Please describe the issue you encountered",
-    "submitButtonText": "Send Bug Report",
-    "cancelButtonText": "Cancel"
+    "buttonLabel": "Report an Issue",
+    "submitButtonLabel": "Submit Issue Report",
+    "cancelButtonLabel": "Cancel",
+    "namePlaceholder": "Your Name (optional)",
+    "emailPlaceholder": "your.email@example.org (optional)",
+    "messageLabel": "Description",
+    "messagePlaceholder": "What is the issue? What did you want to experience instead? Thank you for sharing."
   }
 }
diff --git a/src/translations/es/co/es-co-componentTranslations.json b/src/translations/es/co/es-co-componentTranslations.json
index 6a9048ce0..abeebf850 100644
--- a/src/translations/es/co/es-co-componentTranslations.json
+++ b/src/translations/es/co/es-co-componentTranslations.json
@@ -62,5 +62,15 @@
   },
   "tasks": {
     "preparing": "¡Preparando tu juego!"
+  },
+  "sentryForm": {
+    "formTitle": "Reportar un problema a ROAR",
+    "buttonLabel": "Reportar un problema",
+    "submitButtonLabel": "Enviar informe de problema",
+    "cancelButtonLabel": "Cancelar",
+    "namePlaceholder": "Tu nombre (opcional)",
+    "emailPlaceholder": "tu.email@example.org (opcional)",
+    "messageLabel": "Descripción",
+    "messagePlaceholder": "¿Cuál es el problema? ¿Qué querías experimentar en su lugar? Gracias por compartir."
   }
 }
diff --git a/src/translations/es/es-componentTranslations.json b/src/translations/es/es-componentTranslations.json
index 1d0e7dd22..dfdfb98c3 100644
--- a/src/translations/es/es-componentTranslations.json
+++ b/src/translations/es/es-componentTranslations.json
@@ -62,5 +62,15 @@
   },
   "tasks": {
     "preparing": "¡Preparando tu juego!"
+  },
+  "sentryForm": {
+    "formTitle": "Reportar un problema a ROAR",
+    "buttonLabel": "Reportar un problema",
+    "submitButtonLabel": "Enviar informe de problema",
+    "cancelButtonLabel": "Cancelar",
+    "namePlaceholder": "Tu nombre (opcional)",
+    "emailPlaceholder": "tu.email@example.org (opcional)",
+    "messageLabel": "Descripción",
+    "messagePlaceholder": "¿Cuál es el problema? ¿Qué querías experimentar en su lugar? Gracias por compartir."
   }
 }

From eeda2f0ad6a4a8f82f204b6e0d83c7e91be6388d Mon Sep 17 00:00:00 2001
From: Kyle <ksmontville@gmail.com>
Date: Thu, 21 Mar 2024 12:42:07 -0700
Subject: [PATCH 09/25] revert task component changes; format

---
 src/components/tasks/TaskFluency.vue     |  9 ++-
 src/components/tasks/TaskLetter.vue      |  9 ++-
 src/components/tasks/TaskLevante.vue     |  8 ++-
 src/components/tasks/TaskMultichoice.vue |  9 ++-
 src/components/tasks/TaskPA.vue          |  9 ++-
 src/components/tasks/TaskSRE.vue         |  9 ++-
 src/components/tasks/TaskSWR.vue         |  9 ++-
 src/components/tasks/TaskVocab.vue       |  9 ++-
 src/sentry.js                            | 78 ++++++++++++------------
 9 files changed, 73 insertions(+), 76 deletions(-)

diff --git a/src/components/tasks/TaskFluency.vue b/src/components/tasks/TaskFluency.vue
index ea7b5c0ad..214b833e6 100644
--- a/src/components/tasks/TaskFluency.vue
+++ b/src/components/tasks/TaskFluency.vue
@@ -22,7 +22,6 @@ const props = defineProps({
 
 let TaskLauncher;
 
-const task = '@bdelab/roam-fluency';
 const taskId = props.taskId;
 const router = useRouter();
 const gameStarted = ref(false);
@@ -60,10 +59,10 @@ window.addEventListener(
 );
 
 onMounted(async () => {
-  TaskLauncher = (await import(task)).default;
+  TaskLauncher = (await import('@bdelab/roam-fluency')).default;
   if (roarfirekit.value.restConfig) init();
   if (isFirekitInit.value && !isLoadingUserData.value) {
-    await startTask(task);
+    await startTask();
   }
 });
 
@@ -73,7 +72,7 @@ watch([isFirekitInit, isLoadingUserData], async ([newFirekitInitValue, newLoadin
 
 const { selectedAdmin } = storeToRefs(gameStore);
 
-async function startTask(_task) {
+async function startTask() {
   const appKit = await authStore.roarfirekit.startAssessment(selectedAdmin.value.id, taskId);
 
   const userDob = _get(userData.value, 'studentData.dob');
@@ -89,7 +88,7 @@ async function startTask(_task) {
   const gameParams = { ...appKit._taskInfo.variantParams };
 
   if (TaskLauncher === undefined) {
-    TaskLauncher = (await import(_task)).default;
+    TaskLauncher = (await import('@bdelab/roam-fluency')).default;
   }
 
   const roarApp = new TaskLauncher(appKit, gameParams, userParams, 'jspsych-target');
diff --git a/src/components/tasks/TaskLetter.vue b/src/components/tasks/TaskLetter.vue
index 63932e58b..4cc963621 100644
--- a/src/components/tasks/TaskLetter.vue
+++ b/src/components/tasks/TaskLetter.vue
@@ -22,7 +22,6 @@ const props = defineProps({
 
 let TaskLauncher;
 
-const task = '@bdelab/roar-letter';
 const taskId = props.taskId;
 const router = useRouter();
 const gameStarted = ref(false);
@@ -60,10 +59,10 @@ window.addEventListener(
 );
 
 onMounted(async () => {
-  TaskLauncher = (await import(task)).default;
+  TaskLauncher = (await import('@bdelab/roar-letter')).default;
   if (roarfirekit.value.restConfig) init();
   if (isFirekitInit.value && !isLoadingUserData.value) {
-    await startTask(task);
+    await startTask();
   }
 });
 
@@ -73,7 +72,7 @@ watch([isFirekitInit, isLoadingUserData], async ([newFirekitInitValue, newLoadin
 
 const { selectedAdmin } = storeToRefs(gameStore);
 
-async function startTask(_task) {
+async function startTask() {
   const appKit = await authStore.roarfirekit.startAssessment(selectedAdmin.value.id, taskId);
 
   const userDob = _get(userData.value, 'studentData.dob');
@@ -89,7 +88,7 @@ async function startTask(_task) {
   const gameParams = { ...appKit._taskInfo.variantParams };
 
   if (TaskLauncher === undefined) {
-    TaskLauncher = (await import(_task)).default;
+    TaskLauncher = (await import('@bdelab/roar-letter')).default;
   }
 
   const roarApp = new TaskLauncher(appKit, gameParams, userParams, 'jspsych-target');
diff --git a/src/components/tasks/TaskLevante.vue b/src/components/tasks/TaskLevante.vue
index 765c7c8b5..f0ff06741 100644
--- a/src/components/tasks/TaskLevante.vue
+++ b/src/components/tasks/TaskLevante.vue
@@ -21,7 +21,6 @@ const props = defineProps({
 
 let TaskLauncher;
 
-const task = 'core-tasks';
 const taskId = props.taskId;
 const router = useRouter();
 const gameStarted = ref(false);
@@ -54,7 +53,7 @@ window.addEventListener(
   { once: true },
 );
 onMounted(async () => {
-  TaskLauncher = (await import(task)).default;
+  TaskLauncher = (await import('core-tasks')).default;
   if (roarfirekit.value.restConfig) init();
   if (isFirekitInit.value && !isLoadingUserData.value) {
     await startTask();
@@ -74,6 +73,11 @@ async function startTask() {
     birthYear: userDateObj.getFullYear(),
   };
   const gameParams = { ...appKit._taskInfo.variantParams };
+
+  if (TaskLauncher === undefined) {
+    TaskLauncher = (await import('core-tasks')).default;
+  }
+
   const levanteTask = new TaskLauncher(appKit, gameParams, userParams, 'jspsych-target');
   gameStarted.value = true;
   await levanteTask.run().then(async () => {
diff --git a/src/components/tasks/TaskMultichoice.vue b/src/components/tasks/TaskMultichoice.vue
index 8ab88739b..28fcd0962 100644
--- a/src/components/tasks/TaskMultichoice.vue
+++ b/src/components/tasks/TaskMultichoice.vue
@@ -22,7 +22,6 @@ const props = defineProps({
 
 let TaskLauncher;
 
-const task = '@bdelab/roar-multichoice';
 const taskId = props.taskId;
 const router = useRouter();
 const gameStarted = ref(false);
@@ -60,10 +59,10 @@ window.addEventListener(
 );
 
 onMounted(async () => {
-  TaskLauncher = (await import(task)).default;
+  TaskLauncher = (await import('@bdelab/roar-multichoice')).default;
   if (roarfirekit.value.restConfig) init();
   if (isFirekitInit.value && !isLoadingUserData.value) {
-    await startTask(task);
+    await startTask();
   }
 });
 
@@ -73,7 +72,7 @@ watch([isFirekitInit, isLoadingUserData], async ([newFirekitInitValue, newLoadin
 
 const { selectedAdmin } = storeToRefs(gameStore);
 
-async function startTask(_task) {
+async function startTask() {
   const appKit = await authStore.roarfirekit.startAssessment(selectedAdmin.value.id, taskId);
 
   const userDob = _get(userData.value, 'studentData.dob');
@@ -89,7 +88,7 @@ async function startTask(_task) {
   const gameParams = { ...appKit._taskInfo.variantParams };
 
   if (TaskLauncher === undefined) {
-    TaskLauncher = (await import(_task)).default;
+    TaskLauncher = (await import('@bdelab/roar-multichoice')).default;
   }
 
   const roarApp = new TaskLauncher(appKit, gameParams, userParams, 'jspsych-target');
diff --git a/src/components/tasks/TaskPA.vue b/src/components/tasks/TaskPA.vue
index 310a4670a..c6c2b1320 100644
--- a/src/components/tasks/TaskPA.vue
+++ b/src/components/tasks/TaskPA.vue
@@ -22,7 +22,6 @@ const props = defineProps({
 
 let TaskLauncher;
 
-const task = '@bdelab/roar-pa';
 const taskId = props.taskId;
 const router = useRouter();
 const gameStarted = ref(false);
@@ -60,10 +59,10 @@ window.addEventListener(
 );
 
 onMounted(async () => {
-  TaskLauncher = (await import(task)).default;
+  TaskLauncher = (await import('@bdelab/roar-pa')).default;
   if (roarfirekit.value.restConfig) init();
   if (isFirekitInit.value && !isLoadingUserData.value) {
-    await startTask(task);
+    await startTask();
   }
 });
 
@@ -73,7 +72,7 @@ watch([isFirekitInit, isLoadingUserData], async ([newFirekitInitValue, newLoadin
 
 const { selectedAdmin } = storeToRefs(gameStore);
 
-async function startTask(_task) {
+async function startTask() {
   const appKit = await authStore.roarfirekit.startAssessment(selectedAdmin.value.id, taskId);
 
   const userDob = _get(userData.value, 'studentData.dob');
@@ -89,7 +88,7 @@ async function startTask(_task) {
   const gameParams = { ...appKit._taskInfo.variantParams };
 
   if (TaskLauncher === undefined) {
-    TaskLauncher = (await import(_task)).default;
+    TaskLauncher = (await import('@bdelab/roar-pa')).default;
   }
 
   const roarApp = new TaskLauncher(appKit, gameParams, userParams, 'jspsych-target');
diff --git a/src/components/tasks/TaskSRE.vue b/src/components/tasks/TaskSRE.vue
index acfb436be..c9397486f 100644
--- a/src/components/tasks/TaskSRE.vue
+++ b/src/components/tasks/TaskSRE.vue
@@ -22,7 +22,6 @@ const props = defineProps({
 
 let TaskLauncher;
 
-const task = '@bdelab/roar-sre';
 const taskId = props.taskId;
 const router = useRouter();
 const gameStarted = ref(false);
@@ -60,10 +59,10 @@ window.addEventListener(
 );
 
 onMounted(async () => {
-  TaskLauncher = (await import(task)).default;
+  TaskLauncher = (await import('@bdelab/roar-sre')).default;
   if (roarfirekit.value.restConfig) init();
   if (isFirekitInit.value && !isLoadingUserData.value) {
-    await startTask(task);
+    await startTask();
   }
 });
 
@@ -73,7 +72,7 @@ watch([isFirekitInit, isLoadingUserData], async ([newFirekitInitValue, newLoadin
 
 const { selectedAdmin } = storeToRefs(gameStore);
 
-async function startTask(_task) {
+async function startTask() {
   const appKit = await authStore.roarfirekit.startAssessment(selectedAdmin.value.id, taskId);
 
   const userDob = _get(userData.value, 'studentData.dob');
@@ -89,7 +88,7 @@ async function startTask(_task) {
   const gameParams = { ...appKit._taskInfo.variantParams };
 
   if (TaskLauncher === undefined) {
-    TaskLauncher = (await import(_task)).default;
+    TaskLauncher = (await import('@bdelab/roar-sre')).default;
   }
 
   const roarApp = new TaskLauncher(appKit, gameParams, userParams, 'jspsych-target');
diff --git a/src/components/tasks/TaskSWR.vue b/src/components/tasks/TaskSWR.vue
index 7892506f8..776512d50 100644
--- a/src/components/tasks/TaskSWR.vue
+++ b/src/components/tasks/TaskSWR.vue
@@ -22,7 +22,6 @@ const props = defineProps({
 
 let TaskLauncher;
 
-const task = '@bdelab/roar-swr';
 const taskId = props.taskId;
 const router = useRouter();
 const gameStarted = ref(false);
@@ -60,10 +59,10 @@ window.addEventListener(
 );
 
 onMounted(async () => {
-  TaskLauncher = (await import(task)).default;
+  TaskLauncher = (await import('@bdelab/roar-swr')).default;
   if (roarfirekit.value.restConfig) init();
   if (isFirekitInit.value && !isLoadingUserData.value) {
-    await startTask(task);
+    await startTask();
   }
 });
 
@@ -73,7 +72,7 @@ watch([isFirekitInit, isLoadingUserData], async ([newFirekitInitValue, newLoadin
 
 const { selectedAdmin } = storeToRefs(gameStore);
 
-async function startTask(_task) {
+async function startTask() {
   const appKit = await authStore.roarfirekit.startAssessment(selectedAdmin.value.id, taskId);
 
   const userDob = _get(userData.value, 'studentData.dob');
@@ -89,7 +88,7 @@ async function startTask(_task) {
   const gameParams = { ...appKit._taskInfo.variantParams };
 
   if (TaskLauncher === undefined) {
-    TaskLauncher = (await import(_task)).default;
+    TaskLauncher = (await import('@bdelab/roar-swr')).default;
   }
 
   const roarApp = new TaskLauncher(appKit, gameParams, userParams, 'jspsych-target');
diff --git a/src/components/tasks/TaskVocab.vue b/src/components/tasks/TaskVocab.vue
index ae137967d..dc7508373 100644
--- a/src/components/tasks/TaskVocab.vue
+++ b/src/components/tasks/TaskVocab.vue
@@ -22,7 +22,6 @@ const props = defineProps({
 
 let TaskLauncher;
 
-const task = '@bdelab/roar-vocab';
 const taskId = props.taskId;
 const router = useRouter();
 const gameStarted = ref(false);
@@ -60,10 +59,10 @@ window.addEventListener(
 );
 
 onMounted(async () => {
-  TaskLauncher = (await import(task)).default;
+  TaskLauncher = (await import('@bdelab/roar-vocab')).default;
   if (roarfirekit.value.restConfig) init();
   if (isFirekitInit.value && !isLoadingUserData.value) {
-    await startTask(task);
+    await startTask();
   }
 });
 
@@ -73,7 +72,7 @@ watch([isFirekitInit, isLoadingUserData], async ([newFirekitInitValue, newLoadin
 
 const { selectedAdmin } = storeToRefs(gameStore);
 
-async function startTask(_task) {
+async function startTask() {
   const appKit = await authStore.roarfirekit.startAssessment(selectedAdmin.value.id, taskId);
 
   const userDob = _get(userData.value, 'studentData.dob');
@@ -89,7 +88,7 @@ async function startTask(_task) {
   const gameParams = { ...appKit._taskInfo.variantParams };
 
   if (TaskLauncher === undefined) {
-    TaskLauncher = (await import(_task)).default;
+    TaskLauncher = (await import('@bdelab/roar-vocab')).default;
   }
 
   const roarApp = new TaskLauncher(appKit, gameParams, userParams, 'jspsych-target');
diff --git a/src/sentry.js b/src/sentry.js
index 7dc426a9e..c4a9b2055 100644
--- a/src/sentry.js
+++ b/src/sentry.js
@@ -6,43 +6,43 @@ const regex = /https:\/\/roar-staging(--pr\d+-\w+)?\.web\.app/;
 
 export function initSentry(app) {
   // Only initialize Sentry in production
-  // if (process.env.NODE_ENV === 'production') {
-  Sentry.init({
-    app,
-    dsn: 'https://f15e3ff866394e93e00514b42113d03d@o4505913837420544.ingest.us.sentry.io/4506820782129152',
-    integrations: [
-      Sentry.replayIntegration({
-        maskAllText: true,
-        maskAllInputs: true,
-      }),
-      Sentry.browserTracingIntegration(),
-      captureConsoleIntegration({
-        levels: ['error'],
-      }),
-      Sentry.feedbackIntegration({
-        showBranding: false,
-        showName: false,
-        showEmail: false,
-        colorScheme: 'light',
-        formTitle: i18n.global.t('sentryForm.formTitle'),
-        buttonLabel: i18n.global.t('sentryForm.buttonLabel'),
-        cancelButtonLabel: i18n.global.t('sentryForm.cancelButtonLabel'),
-        submitButtonLabel: i18n.global.t('sentryForm.submitButtonLabel'),
-        namePlaceholder: i18n.global.t('sentryForm.namePlaceholder'),
-        emailPlaceholder: i18n.global.t('sentryForm.emailPlaceholder'),
-        messageLabel: i18n.global.t('sentryForm.messageLabel'),
-        messagePlaceholder: i18n.global.t('sentryForm.messagePlaceholder'),
-      }),
-      contextLinesIntegration(),
-      extraErrorDataIntegration(),
-    ],
-    attachStacktrace: true,
-    // Performance Monitoring
-    tracesSampleRate: 0.2, // Capture 20% of the transactions
-    tracePropagationTargets: ['localhost:5173', 'https://roar.education/**/*', regex],
-    // Session Replay
-    replaysSessionSampleRate: 0.1, // This sets the sample rate at 10%. You may want to change it to 100% while in development and then sample at a lower rate in production.
-    replaysOnErrorSampleRate: 1.0, // If you're not already sampling the entire session, change the sample rate to 100% when sampling sessions where errors occur.
-  });
+  if (process.env.NODE_ENV === 'production') {
+    Sentry.init({
+      app,
+      dsn: 'https://f15e3ff866394e93e00514b42113d03d@o4505913837420544.ingest.us.sentry.io/4506820782129152',
+      integrations: [
+        Sentry.replayIntegration({
+          maskAllText: true,
+          maskAllInputs: true,
+        }),
+        Sentry.browserTracingIntegration(),
+        captureConsoleIntegration({
+          levels: ['error'],
+        }),
+        Sentry.feedbackIntegration({
+          showBranding: false,
+          showName: false,
+          showEmail: false,
+          colorScheme: 'light',
+          formTitle: i18n.global.t('sentryForm.formTitle'),
+          buttonLabel: i18n.global.t('sentryForm.buttonLabel'),
+          cancelButtonLabel: i18n.global.t('sentryForm.cancelButtonLabel'),
+          submitButtonLabel: i18n.global.t('sentryForm.submitButtonLabel'),
+          namePlaceholder: i18n.global.t('sentryForm.namePlaceholder'),
+          emailPlaceholder: i18n.global.t('sentryForm.emailPlaceholder'),
+          messageLabel: i18n.global.t('sentryForm.messageLabel'),
+          messagePlaceholder: i18n.global.t('sentryForm.messagePlaceholder'),
+        }),
+        contextLinesIntegration(),
+        extraErrorDataIntegration(),
+      ],
+      attachStacktrace: true,
+      // Performance Monitoring
+      tracesSampleRate: 0.2, // Capture 20% of the transactions
+      tracePropagationTargets: ['localhost:5173', 'https://roar.education/**/*', regex],
+      // Session Replay
+      replaysSessionSampleRate: 0.1, // This sets the sample rate at 10%. You may want to change it to 100% while in development and then sample at a lower rate in production.
+      replaysOnErrorSampleRate: 1.0, // If you're not already sampling the entire session, change the sample rate to 100% when sampling sessions where errors occur.
+    });
+  }
 }
-// }

From 9cf8c56dfd764093f7e98b9e2c43591db2b13857 Mon Sep 17 00:00:00 2001
From: Kyle <ksmontville@gmail.com>
Date: Thu, 21 Mar 2024 12:53:47 -0700
Subject: [PATCH 10/25] fix tests

---
 .../default-tests/viewIndividualReport.cy.js  | 24 +++++++++++--------
 src/pages/IndividualReport.vue                |  2 +-
 2 files changed, 15 insertions(+), 11 deletions(-)

diff --git a/cypress/e2e/partner-admin/default-tests/viewIndividualReport.cy.js b/cypress/e2e/partner-admin/default-tests/viewIndividualReport.cy.js
index ab98b2b21..c21369e8b 100644
--- a/cypress/e2e/partner-admin/default-tests/viewIndividualReport.cy.js
+++ b/cypress/e2e/partner-admin/default-tests/viewIndividualReport.cy.js
@@ -32,21 +32,25 @@ function checkAssignmentColumns() {
   });
 }
 
+function checkIndividualScoreReports() {
+  cy.get('button', { timeout: 3 * timeout })
+    .contains('Report')
+    .click();
+  cy.get('div', { timeout: 3 * timeout }).contains('Individual Score Report');
+  cy.get('button', { timeout: 3 * timeout })
+    .contains('Expand All Sections')
+    .click();
+  cy.get('button', { timeout: 3 * timeout }).contains('Export to PDF');
+  cy.get('div', { timeout: 3 * timeout }).contains('The ROAR assessments return 3 kinds of scores');
+}
+
 describe('The partner admin can view score reports for a given administration.', () => {
   it('Selects an administration and views its score report.', () => {
     checkUrl();
     cy.getAdministrationCard(testPartnerAdministrationName);
     clickScoreButton();
     cy.checkUserList(testUserList);
-    checkAssignmentColumns(testAssignments);
-    cy.get('button', { timeout: 3 * timeout })
-      .contains('Report')
-      .click();
-    cy.get('div', { timeout: 3 * timeout }).contains('Individual Score Report');
-    cy.get('button', { timeout: 3 * timeout })
-      .contains('Expand All Sections')
-      .click();
-    cy.get('button', { timeout: 3 * timeout }).contains('Export to PDF');
-    cy.get('div', { timeout: 3 * timeout }).contains('The ROAR assessements return 3 kinds of scores');
+    checkAssignmentColumns();
+    checkIndividualScoreReports();
   });
 });
diff --git a/src/pages/IndividualReport.vue b/src/pages/IndividualReport.vue
index adabe3c3a..070750028 100644
--- a/src/pages/IndividualReport.vue
+++ b/src/pages/IndividualReport.vue
@@ -84,7 +84,7 @@
         <PvAccordionTab header="Understanding the Scores">
           <div class="flex flex-column align-items-center text-lg">
             <img src="../assets/support-distribution.svg" class="w-10" />
-            <div class="text-xl font-bold">The ROAR assessements return 3 kinds of scores:</div>
+            <div class="text-xl font-bold">The ROAR assessments return 3 kinds of scores:</div>
             <ul>
               <li>
                 <b>Raw Score: </b>A score that captures your students' general performance on the assessment, such as

From ca1a279bb6cd8db68d1b7d3a6c5d23dea2e0aa39 Mon Sep 17 00:00:00 2001
From: Kyle <ksmontville@gmail.com>
Date: Thu, 21 Mar 2024 12:56:54 -0700
Subject: [PATCH 11/25] update function parameter

---
 .../partner-admin/default-tests/viewIndividualReport.cy.js    | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/cypress/e2e/partner-admin/default-tests/viewIndividualReport.cy.js b/cypress/e2e/partner-admin/default-tests/viewIndividualReport.cy.js
index 083da0702..a3d653b63 100644
--- a/cypress/e2e/partner-admin/default-tests/viewIndividualReport.cy.js
+++ b/cypress/e2e/partner-admin/default-tests/viewIndividualReport.cy.js
@@ -22,11 +22,11 @@ function clickScoreButton() {
   );
 }
 
-function checkAssignmentColumns(testAssignments) {
+function checkAssignmentColumns(assignments) {
   cy.get('[data-cy="roar-data-table"] thead th').then(($header) => {
     const tableHeaders = $header.map((index, elem) => Cypress.$(elem).text()).get();
 
-    testAssignments.forEach((assignment) => {
+    assignments.forEach((assignment) => {
       expect(tableHeaders).to.include(assignment);
     });
   });

From 4611a0a089c060d624d18430e7458b58adb80a58 Mon Sep 17 00:00:00 2001
From: Kyle <ksmontville@gmail.com>
Date: Thu, 21 Mar 2024 13:13:09 -0700
Subject: [PATCH 12/25] format

---
 src/components/VariantCard.vue |  2 +-
 src/components/auth/SignIn.vue | 12 ++++++------
 2 files changed, 7 insertions(+), 7 deletions(-)

diff --git a/src/components/VariantCard.vue b/src/components/VariantCard.vue
index b76f945b6..edcca1989 100644
--- a/src/components/VariantCard.vue
+++ b/src/components/VariantCard.vue
@@ -69,8 +69,8 @@
       <PvButton
         v-if="!hasControls"
         class="surface-hover border-1 border-300 border-circle m-0 hover:bg-primary p-0 m-2"
-        @click="handleSelect"
         data-cy="select-variant"
+        @click="handleSelect"
         ><i class="pi pi-chevron-right text-primary hover:text-white-alpha-90 p-2" style="font-size: 1rem"></i
       ></PvButton>
     </div>
diff --git a/src/components/auth/SignIn.vue b/src/components/auth/SignIn.vue
index 16104c107..a11813d14 100644
--- a/src/components/auth/SignIn.vue
+++ b/src/components/auth/SignIn.vue
@@ -6,12 +6,12 @@
           <PvInputText
             :id="$t('authSignIn.emailId')"
             v-model="v$.email.$model"
-            @keyup="checkForCapsLock"
-            @click="checkForCapsLock"
             :class="{ 'p-invalid': invalid }"
             aria-describedby="email-error"
             :placeholder="$t('authSignIn.emailPlaceholder')"
             data-cy="input-username-email"
+            @keyup="checkForCapsLock"
+            @click="checkForCapsLock"
           />
         </div>
         <small v-if="invalid" class="p-error">{{ $t('authSignIn.incorrectEmailOrPassword') }}</small>
@@ -27,8 +27,6 @@
             <PvPassword
               :id="$t('authSignIn.passwordId')"
               v-model="v$.password.$model"
-              @keyup="checkForCapsLock"
-              @click="checkForCapsLock"
               :class="{ 'p-invalid': invalid }"
               toggle-mask
               show-icon="pi pi-eye-slash"
@@ -36,6 +34,8 @@
               :feedback="false"
               :placeholder="$t('authSignIn.passwordPlaceholder')"
               data-cy="input-password"
+              @keyup="checkForCapsLock"
+              @click="checkForCapsLock"
             />
             <small
               class="text-link sign-in-method-link"
@@ -52,8 +52,6 @@
             v-else-if="allowPassword"
             :id="$t('authSignIn.passwordId')"
             v-model="v$.password.$model"
-            @keyup="checkForCapsLock"
-            @click="checkForCapsLock"
             :class="{ 'p-invalid': invalid }"
             toggle-mask
             show-icon="pi pi-eye-slash"
@@ -61,6 +59,8 @@
             :feedback="false"
             :placeholder="$t('authSignIn.passwordPlaceholder')"
             data-cy="input-password"
+            @keyup="checkForCapsLock"
+            @click="checkForCapsLock"
           >
             <template #header>
               <h6>{{ $t('authSignIn.pickPassword') }}</h6>

From 4d9a277d0b6053eb958176771175fcbbdc7d92be Mon Sep 17 00:00:00 2001
From: Kyle <ksmontville@gmail.com>
Date: Thu, 21 Mar 2024 13:50:31 -0700
Subject: [PATCH 13/25] rework Sentry bug report translations

---
 src/sentry.js | 20 +++++++++++---------
 1 file changed, 11 insertions(+), 9 deletions(-)

diff --git a/src/sentry.js b/src/sentry.js
index c4a9b2055..4bde98b82 100644
--- a/src/sentry.js
+++ b/src/sentry.js
@@ -1,7 +1,9 @@
 import * as Sentry from '@sentry/vue';
 import { captureConsoleIntegration, contextLinesIntegration, extraErrorDataIntegration } from '@sentry/integrations';
-import { i18n } from './translations/i18n';
+import { i18n, languageOptions } from './translations/i18n';
 
+// Workaround for using i18n-vue in plain JavaScript; this is a temporary solution until a more robust bug report component is implemented
+const language = i18n.global.locale.value;
 const regex = /https:\/\/roar-staging(--pr\d+-\w+)?\.web\.app/;
 
 export function initSentry(app) {
@@ -24,14 +26,14 @@ export function initSentry(app) {
           showName: false,
           showEmail: false,
           colorScheme: 'light',
-          formTitle: i18n.global.t('sentryForm.formTitle'),
-          buttonLabel: i18n.global.t('sentryForm.buttonLabel'),
-          cancelButtonLabel: i18n.global.t('sentryForm.cancelButtonLabel'),
-          submitButtonLabel: i18n.global.t('sentryForm.submitButtonLabel'),
-          namePlaceholder: i18n.global.t('sentryForm.namePlaceholder'),
-          emailPlaceholder: i18n.global.t('sentryForm.emailPlaceholder'),
-          messageLabel: i18n.global.t('sentryForm.messageLabel'),
-          messagePlaceholder: i18n.global.t('sentryForm.messagePlaceholder'),
+          formTitle: languageOptions[language].translations.sentryForm.formTitle,
+          buttonLabel: languageOptions[language].translations.sentryForm.buttonLabel,
+          cancelButtonLabel: languageOptions[language].translations.sentryForm.cancelButtonLabel,
+          submitButtonLabel: languageOptions[language].translations.sentryForm.submitButtonLabel,
+          namePlaceholder: languageOptions[language].translations.sentryForm.namePlaceholder,
+          emailPlaceholder: languageOptions[language].translations.sentryForm.emailPlaceholder,
+          messageLabel: languageOptions[language].translations.sentryForm.messageLabel,
+          messagePlaceholder: languageOptions[language].translations.sentryForm.messagePlaceholder,
         }),
         contextLinesIntegration(),
         extraErrorDataIntegration(),

From 968ce66a0a4023369c753dc5fc699f8a7bfb168b Mon Sep 17 00:00:00 2001
From: Kyle <ksmontville@gmail.com>
Date: Thu, 21 Mar 2024 16:33:33 -0700
Subject: [PATCH 14/25] update test student list

---
 cypress.config.js | 1 +
 1 file changed, 1 insertion(+)

diff --git a/cypress.config.js b/cypress.config.js
index 510b958f4..eeb872ed5 100644
--- a/cypress.config.js
+++ b/cypress.config.js
@@ -94,6 +94,7 @@ module.exports = defineConfig({
       'zzzCypressTestStudent18',
       'zzzCypressTestStudent19',
       'zzzCypressTestStudent20',
+      'zzzCypressTestStudent21',
     ],
     roarDemoDistrictName: 'Roar Demo District',
     roarDemoDistrictId: 'dfyDUItJNf3wEoG6Mf8H',

From a59d4dac559493432d7319fc8351f479a87aa6b5 Mon Sep 17 00:00:00 2001
From: Kyle <ksmontville@gmail.com>
Date: Fri, 22 Mar 2024 12:29:47 -0700
Subject: [PATCH 15/25] update error handling, update tests, format

---
 cypress.config.js                             |  4 +-
 .../default-tests/playFluency-ARF.cy.js       |  2 +-
 .../participant/default-tests/playPA.cy.js    |  2 +-
 .../helper-functions/roar-pa/paHelpers.js     |  6 +-
 .../helper-functions/roar-sre/sreHelpers.js   |  8 +-
 .../helper-functions/roar-swr/swrHelpers.js   |  2 +-
 src/components/tasks/TaskFluency.vue          | 85 +++++++++++-------
 src/components/tasks/TaskLetter.vue           | 85 +++++++++++-------
 src/components/tasks/TaskLevante.vue          | 87 +++++++++++++------
 src/components/tasks/TaskMultichoice.vue      | 85 +++++++++++-------
 src/components/tasks/TaskPA.vue               | 85 +++++++++++-------
 src/components/tasks/TaskSRE.vue              | 85 +++++++++++-------
 src/components/tasks/TaskSWR.vue              | 85 +++++++++++-------
 src/components/tasks/TaskVocab.vue            | 85 +++++++++++-------
 14 files changed, 452 insertions(+), 254 deletions(-)

diff --git a/cypress.config.js b/cypress.config.js
index eeb872ed5..5c40e2474 100644
--- a/cypress.config.js
+++ b/cypress.config.js
@@ -4,7 +4,7 @@ require('dotenv').config();
 module.exports = defineConfig({
   projectId: 'cobw62',
   e2e: {
-    baseUrl: process.env.CYPRESS_BASE_URL ?? 'https://localhost:5173/',
+    baseUrl: process.env.CYPRESS_BASE_URL ?? 'http://localhost:4173/',
     experimentalRunAllSpecs: true,
     experimentalMemoryManagement: true,
     retries: 2,
@@ -18,7 +18,7 @@ module.exports = defineConfig({
     },
   },
   env: {
-    baseUrl: process.env.CYPRESS_BASE_URL ?? 'https://localhost:5173',
+    baseUrl: process.env.CYPRESS_BASE_URL ?? 'http://localhost:4173',
     firestoreUrl: 'https://firestore.googleapis.com/**/*',
     timeout: 10000,
     sessionCookieName: process.env.SESSION_COOKIE_NAME,
diff --git a/cypress/e2e/participant/default-tests/playFluency-ARF.cy.js b/cypress/e2e/participant/default-tests/playFluency-ARF.cy.js
index 2102c21a4..ff076fa66 100644
--- a/cypress/e2e/participant/default-tests/playFluency-ARF.cy.js
+++ b/cypress/e2e/participant/default-tests/playFluency-ARF.cy.js
@@ -18,7 +18,7 @@ describe('Test playthrough of Fluency as a participant', () => {
     cy.visit(`/game/fluency-arf`);
 
     //   Click jspsych button to begin
-    cy.get('.jspsych-btn', { timeout: 5 * timeout })
+    cy.get('.jspsych-btn', { timeout: 6 * timeout })
       .should('be.visible')
       .click();
 
diff --git a/cypress/e2e/participant/default-tests/playPA.cy.js b/cypress/e2e/participant/default-tests/playPA.cy.js
index 672841006..f051c5c48 100644
--- a/cypress/e2e/participant/default-tests/playPA.cy.js
+++ b/cypress/e2e/participant/default-tests/playPA.cy.js
@@ -28,7 +28,7 @@ describe('Testing playthrough of ROAR-Phoneme as a participant', () => {
     cy.visit('/');
     cy.wait(0.2 * timeout);
     cy.selectAdministration(Cypress.env('testRoarAppsAdministration'));
-    cy.get('.tabview-nav-link-label', { timeout: 2 * timeout })
+    cy.get('.tabview-nav-link-label', { timeout: 3 * timeout })
       .contains('ROAR - Phoneme')
       .should('have.attr', 'data-game-status', 'complete');
   });
diff --git a/cypress/support/helper-functions/roar-pa/paHelpers.js b/cypress/support/helper-functions/roar-pa/paHelpers.js
index 9960704b2..8bae35ea5 100644
--- a/cypress/support/helper-functions/roar-pa/paHelpers.js
+++ b/cypress/support/helper-functions/roar-pa/paHelpers.js
@@ -53,15 +53,15 @@ const playTrial = (targetText) => {
 };
 
 function playIntro(startText) {
-  cy.get('.instructionCanvasNS', { timeout: 5 * timeout })
+  cy.get('.instructionCanvasNS', { timeout: 6 * timeout })
     .should('be.visible')
     .click();
 
-  cy.get('.jspsych-btn', { timeout: 5 * timeout })
+  cy.get('.jspsych-btn', { timeout: 6 * timeout })
     .should('be.visible')
     .click();
 
-  cy.get('.continue', { timeout: 5 * timeout })
+  cy.get('.continue', { timeout: 6 * timeout })
     .should('be.visible')
     .click();
 
diff --git a/cypress/support/helper-functions/roar-sre/sreHelpers.js b/cypress/support/helper-functions/roar-sre/sreHelpers.js
index f09af402e..7d7c76bd3 100644
--- a/cypress/support/helper-functions/roar-sre/sreHelpers.js
+++ b/cypress/support/helper-functions/roar-sre/sreHelpers.js
@@ -20,7 +20,7 @@ export const playSRE = (administration, language, optional = false) => {
     .should('exist');
   cy.visit(languageOptions[language].url);
 
-  cy.get('.jspsych-btn', { timeout: 5 * timeout })
+  cy.get('.jspsych-btn', { timeout: 6 * timeout })
     .should('be.visible')
     .click();
 
@@ -29,14 +29,14 @@ export const playSRE = (administration, language, optional = false) => {
   // handles error where full screen throws a permissions error
   cy.wait(0.2 * timeout);
 
-  cy.get('body', { timeout: 5 * timeout }).type('{enter}');
-  cy.get('body', { timeout: 5 * timeout }).type('{1}');
+  cy.get('body', { timeout: 6 * timeout }).type('{enter}');
+  cy.get('body', { timeout: 6 * timeout }).type('{1}');
 
   playSREGame();
 
   // check if game completed
   cy.visit('/');
-  cy.wait(0.2 * timeout);
+  cy.wait(0.3 * timeout);
   cy.selectAdministration(administration);
 
   if (optional) {
diff --git a/cypress/support/helper-functions/roar-swr/swrHelpers.js b/cypress/support/helper-functions/roar-swr/swrHelpers.js
index 7ed27b6ee..2f7aaf38e 100644
--- a/cypress/support/helper-functions/roar-swr/swrHelpers.js
+++ b/cypress/support/helper-functions/roar-swr/swrHelpers.js
@@ -16,7 +16,7 @@ export const playSWR = (administration, language, optional = false) => {
   cy.get('.p-tabview', { timeout: timeout }).contains(languageOptions[language].gameTab).should('exist');
   cy.visit(languageOptions[language].url);
 
-  cy.get('.jspsych-btn', { timeout: 3 * timeout })
+  cy.get('.jspsych-btn', { timeout: 6 * timeout })
     .should('be.visible')
     .click();
 
diff --git a/src/components/tasks/TaskFluency.vue b/src/components/tasks/TaskFluency.vue
index 214b833e6..d7f147d0f 100644
--- a/src/components/tasks/TaskFluency.vue
+++ b/src/components/tasks/TaskFluency.vue
@@ -6,7 +6,7 @@
   </div>
 </template>
 <script setup>
-import { onMounted, watch, ref } from 'vue';
+import { onMounted, watch, ref, onBeforeUnmount } from 'vue';
 import { useRouter } from 'vue-router';
 import { storeToRefs } from 'pinia';
 import { useQuery } from '@tanstack/vue-query';
@@ -35,6 +35,9 @@ const init = () => {
   if (unsubscribe) unsubscribe();
   initialized.value = true;
 };
+const handlePopState = () => {
+  router.go(0);
+};
 
 unsubscribe = authStore.$subscribe(async (mutation, state) => {
   if (state.roarfirekit.restConfig) init();
@@ -53,19 +56,28 @@ const { isLoading: isLoadingUserData, data: userData } = useQuery({
 window.addEventListener(
   'popstate',
   () => {
-    router.go(0);
+    handlePopState();
   },
   { once: true },
 );
 
 onMounted(async () => {
-  TaskLauncher = (await import('@bdelab/roam-fluency')).default;
+  try {
+    TaskLauncher = (await import('@bdelab/roam-fluency')).default;
+  } catch (error) {
+    console.error('An error occurred while importing the game module.', error);
+  }
+
   if (roarfirekit.value.restConfig) init();
   if (isFirekitInit.value && !isLoadingUserData.value) {
     await startTask();
   }
 });
 
+onBeforeUnmount(() => {
+  window.removeEventListener('popstate', handlePopState);
+});
+
 watch([isFirekitInit, isLoadingUserData], async ([newFirekitInitValue, newLoadingUserData]) => {
   if (newFirekitInitValue && !newLoadingUserData) await startTask();
 });
@@ -73,35 +85,46 @@ watch([isFirekitInit, isLoadingUserData], async ([newFirekitInitValue, newLoadin
 const { selectedAdmin } = storeToRefs(gameStore);
 
 async function startTask() {
-  const appKit = await authStore.roarfirekit.startAssessment(selectedAdmin.value.id, taskId);
-
-  const userDob = _get(userData.value, 'studentData.dob');
-  const userDateObj = new Date(userDob);
-
-  const userParams = {
-    grade: _get(userData.value, 'studentData.grade'),
-    birthMonth: userDateObj.getMonth() + 1,
-    birthYear: userDateObj.getFullYear(),
-    language: props.language,
-  };
-
-  const gameParams = { ...appKit._taskInfo.variantParams };
-
-  if (TaskLauncher === undefined) {
-    TaskLauncher = (await import('@bdelab/roam-fluency')).default;
+  try {
+    let checkGameStarted = setInterval(function () {
+      // Poll for the preload trials progress bar to exist and then begin the game
+      let gameLoading = document.body.textContent.includes('loading');
+      if (gameLoading) {
+        gameStarted.value = true;
+        clearInterval(checkGameStarted);
+      }
+    }, 100);
+
+    const appKit = await authStore.roarfirekit.startAssessment(selectedAdmin.value.id, taskId);
+
+    const userDob = _get(userData.value, 'studentData.dob');
+    const userDateObj = new Date(userDob);
+
+    const userParams = {
+      grade: _get(userData.value, 'studentData.grade'),
+      birthMonth: userDateObj.getMonth() + 1,
+      birthYear: userDateObj.getFullYear(),
+      language: props.language,
+    };
+
+    const gameParams = { ...appKit._taskInfo.variantParams };
+
+    const roarApp = new TaskLauncher(appKit, gameParams, userParams, 'jspsych-target');
+
+    await roarApp.run().then(async () => {
+      // Handle any post-game actions.
+      await authStore.completeAssessment(selectedAdmin.value.id, taskId);
+
+      // Navigate to home, but first set the refresh flag to true.
+      gameStore.requireHomeRefresh();
+      router.push({ name: 'Home' });
+    });
+  } catch (error) {
+    console.error('An error occurred while starting the task:', error);
+    alert(
+      'An error occurred while starting the task. Please refresh the page and try again. If the error persists, please submit an issue report.',
+    );
   }
-
-  const roarApp = new TaskLauncher(appKit, gameParams, userParams, 'jspsych-target');
-
-  gameStarted.value = true;
-  await roarApp.run().then(async () => {
-    // Handle any post-game actions.
-    await authStore.completeAssessment(selectedAdmin.value.id, taskId);
-
-    // Navigate to home, but first set the refresh flag to true.
-    gameStore.requireHomeRefresh();
-    router.push({ name: 'Home' });
-  });
 }
 </script>
 <style>
diff --git a/src/components/tasks/TaskLetter.vue b/src/components/tasks/TaskLetter.vue
index 4cc963621..e3e061fce 100644
--- a/src/components/tasks/TaskLetter.vue
+++ b/src/components/tasks/TaskLetter.vue
@@ -6,7 +6,7 @@
   </div>
 </template>
 <script setup>
-import { onMounted, watch, ref } from 'vue';
+import { onMounted, watch, ref, onBeforeUnmount } from 'vue';
 import { useRouter } from 'vue-router';
 import { storeToRefs } from 'pinia';
 import { useQuery } from '@tanstack/vue-query';
@@ -35,6 +35,9 @@ const init = () => {
   if (unsubscribe) unsubscribe();
   initialized.value = true;
 };
+const handlePopState = () => {
+  router.go(0);
+};
 
 unsubscribe = authStore.$subscribe(async (mutation, state) => {
   if (state.roarfirekit.restConfig) init();
@@ -53,19 +56,28 @@ const { isLoading: isLoadingUserData, data: userData } = useQuery({
 window.addEventListener(
   'popstate',
   () => {
-    router.go(0);
+    handlePopState();
   },
   { once: true },
 );
 
 onMounted(async () => {
-  TaskLauncher = (await import('@bdelab/roar-letter')).default;
+  try {
+    TaskLauncher = (await import('@bdelab/roar-letter')).default;
+  } catch (error) {
+    console.error('An error occurred while importing the game module.', error);
+  }
+
   if (roarfirekit.value.restConfig) init();
   if (isFirekitInit.value && !isLoadingUserData.value) {
     await startTask();
   }
 });
 
+onBeforeUnmount(() => {
+  window.removeEventListener('popstate', handlePopState);
+});
+
 watch([isFirekitInit, isLoadingUserData], async ([newFirekitInitValue, newLoadingUserData]) => {
   if (newFirekitInitValue && !newLoadingUserData) await startTask();
 });
@@ -73,35 +85,46 @@ watch([isFirekitInit, isLoadingUserData], async ([newFirekitInitValue, newLoadin
 const { selectedAdmin } = storeToRefs(gameStore);
 
 async function startTask() {
-  const appKit = await authStore.roarfirekit.startAssessment(selectedAdmin.value.id, taskId);
-
-  const userDob = _get(userData.value, 'studentData.dob');
-  const userDateObj = new Date(userDob);
-
-  const userParams = {
-    grade: _get(userData.value, 'studentData.grade'),
-    birthMonth: userDateObj.getMonth() + 1,
-    birthYear: userDateObj.getFullYear(),
-    language: props.language,
-  };
-
-  const gameParams = { ...appKit._taskInfo.variantParams };
-
-  if (TaskLauncher === undefined) {
-    TaskLauncher = (await import('@bdelab/roar-letter')).default;
+  try {
+    let checkGameStarted = setInterval(function () {
+      // Poll for the preload trials progress bar to exist and then begin the game
+      let gameLoading = document.body.textContent.includes('loading');
+      if (gameLoading) {
+        gameStarted.value = true;
+        clearInterval(checkGameStarted);
+      }
+    }, 100);
+
+    const appKit = await authStore.roarfirekit.startAssessment(selectedAdmin.value.id, taskId);
+
+    const userDob = _get(userData.value, 'studentData.dob');
+    const userDateObj = new Date(userDob);
+
+    const userParams = {
+      grade: _get(userData.value, 'studentData.grade'),
+      birthMonth: userDateObj.getMonth() + 1,
+      birthYear: userDateObj.getFullYear(),
+      language: props.language,
+    };
+
+    const gameParams = { ...appKit._taskInfo.variantParams };
+
+    const roarApp = new TaskLauncher(appKit, gameParams, userParams, 'jspsych-target');
+
+    await roarApp.run().then(async () => {
+      // Handle any post-game actions.
+      await authStore.completeAssessment(selectedAdmin.value.id, taskId);
+
+      // Navigate to home, but first set the refresh flag to true.
+      gameStore.requireHomeRefresh();
+      router.push({ name: 'Home' });
+    });
+  } catch (error) {
+    console.error('An error occurred while starting the task:', error);
+    alert(
+      'An error occurred while starting the task. Please refresh the page and try again. If the error persists, please submit an issue report.',
+    );
   }
-
-  const roarApp = new TaskLauncher(appKit, gameParams, userParams, 'jspsych-target');
-
-  gameStarted.value = true;
-  await roarApp.run().then(async () => {
-    // Handle any post-game actions.
-    await authStore.completeAssessment(selectedAdmin.value.id, taskId);
-
-    // Navigate to home, but first set the refresh flag to true.
-    gameStore.requireHomeRefresh();
-    router.push({ name: 'Home' });
-  });
 }
 </script>
 <style>
diff --git a/src/components/tasks/TaskLevante.vue b/src/components/tasks/TaskLevante.vue
index f0ff06741..5ee306720 100644
--- a/src/components/tasks/TaskLevante.vue
+++ b/src/components/tasks/TaskLevante.vue
@@ -7,7 +7,7 @@
 </template>
 
 <script setup>
-import { onMounted, watch, ref } from 'vue';
+import { onMounted, watch, ref, onBeforeUnmount } from 'vue';
 import { useRouter } from 'vue-router';
 import { storeToRefs } from 'pinia';
 import { useQuery } from '@tanstack/vue-query';
@@ -27,15 +27,21 @@ const gameStarted = ref(false);
 const authStore = useAuthStore();
 const gameStore = useGameStore();
 const { isFirekitInit, roarfirekit } = storeToRefs(authStore);
+
 const initialized = ref(false);
 let unsubscribe;
 const init = () => {
   if (unsubscribe) unsubscribe();
   initialized.value = true;
 };
+const handlePopState = () => {
+  router.go(0);
+};
+
 unsubscribe = authStore.$subscribe(async (mutation, state) => {
   if (state.roarfirekit.restConfig) init();
 });
+
 const { isLoading: isLoadingUserData, data: userData } = useQuery({
   queryKey: ['userData', authStore.uid, 'studentData'],
   queryFn: () => fetchDocById('users', authStore.uid, ['studentData']),
@@ -43,50 +49,81 @@ const { isLoading: isLoadingUserData, data: userData } = useQuery({
   enabled: initialized,
   staleTime: 5 * 60 * 1000, // 5 minutes
 });
+
 // The following code intercepts the back button and instead forces a refresh.
 // We add { once: true } to prevent an infinite loop.
 window.addEventListener(
   'popstate',
   () => {
-    router.go(0);
+    handlePopState();
   },
   { once: true },
 );
+
 onMounted(async () => {
-  TaskLauncher = (await import('core-tasks')).default;
+  try {
+    TaskLauncher = (await import('core-tasks')).default;
+  } catch (error) {
+    console.error('An error occurred while importing the game module.', error);
+  }
+
   if (roarfirekit.value.restConfig) init();
   if (isFirekitInit.value && !isLoadingUserData.value) {
     await startTask();
   }
 });
+
+onBeforeUnmount(() => {
+  window.removeEventListener('popstate', handlePopState);
+});
+
 watch([isFirekitInit, isLoadingUserData], async ([newFirekitInitValue, newLoadingUserData]) => {
   if (newFirekitInitValue && !newLoadingUserData) await startTask();
 });
+
 const { selectedAdmin } = storeToRefs(gameStore);
+
 async function startTask() {
-  const appKit = await authStore.roarfirekit.startAssessment(selectedAdmin.value.id, taskId);
-  const userDob = _get(userData.value, 'studentData.dob');
-  const userDateObj = new Date(userDob);
-  const userParams = {
-    grade: _get(userData.value, 'studentData.grade'),
-    birthMonth: userDateObj.getMonth() + 1,
-    birthYear: userDateObj.getFullYear(),
-  };
-  const gameParams = { ...appKit._taskInfo.variantParams };
-
-  if (TaskLauncher === undefined) {
-    TaskLauncher = (await import('core-tasks')).default;
-  }
+  try {
+    let checkGameStarted = setInterval(function () {
+      // Poll for the preload trials progress bar to exist and then begin the game
+      let gameLoading = document.body.textContent.includes('loading');
+      if (gameLoading) {
+        gameStarted.value = true;
+        clearInterval(checkGameStarted);
+      }
+    }, 100);
+
+    const appKit = await authStore.roarfirekit.startAssessment(selectedAdmin.value.id, taskId);
+
+    const userDob = _get(userData.value, 'studentData.dob');
+    const userDateObj = new Date(userDob);
 
-  const levanteTask = new TaskLauncher(appKit, gameParams, userParams, 'jspsych-target');
-  gameStarted.value = true;
-  await levanteTask.run().then(async () => {
-    // Handle any post-game actions.
-    await authStore.completeAssessment(selectedAdmin.value.id, taskId);
-    // Navigate to home, but first set the refresh flag to true.
-    gameStore.requireHomeRefresh();
-    router.push({ name: 'Home' });
-  });
+    const userParams = {
+      grade: _get(userData.value, 'studentData.grade'),
+      birthMonth: userDateObj.getMonth() + 1,
+      birthYear: userDateObj.getFullYear(),
+      language: props.language,
+    };
+
+    const gameParams = { ...appKit._taskInfo.variantParams };
+
+    const levanteTask = new TaskLauncher(appKit, gameParams, userParams, 'jspsych-target');
+
+    await levanteTask.run().then(async () => {
+      // Handle any post-game actions.
+      await authStore.completeAssessment(selectedAdmin.value.id, taskId);
+
+      // Navigate to home, but first set the refresh flag to true.
+      gameStore.requireHomeRefresh();
+      router.push({ name: 'Home' });
+    });
+  } catch (error) {
+    console.error('An error occurred while starting the task:', error);
+    alert(
+      'An error occurred while starting the task. Please refresh the page and try again. If the error persists, please submit an issue report.',
+    );
+  }
 }
 </script>
 
diff --git a/src/components/tasks/TaskMultichoice.vue b/src/components/tasks/TaskMultichoice.vue
index 28fcd0962..28288d943 100644
--- a/src/components/tasks/TaskMultichoice.vue
+++ b/src/components/tasks/TaskMultichoice.vue
@@ -6,7 +6,7 @@
   </div>
 </template>
 <script setup>
-import { onMounted, watch, ref } from 'vue';
+import { onMounted, watch, ref, onBeforeUnmount } from 'vue';
 import { useRouter } from 'vue-router';
 import { storeToRefs } from 'pinia';
 import { useQuery } from '@tanstack/vue-query';
@@ -35,6 +35,9 @@ const init = () => {
   if (unsubscribe) unsubscribe();
   initialized.value = true;
 };
+const handlePopState = () => {
+  router.go(0);
+};
 
 unsubscribe = authStore.$subscribe(async (mutation, state) => {
   if (state.roarfirekit.restConfig) init();
@@ -53,19 +56,28 @@ const { isLoading: isLoadingUserData, data: userData } = useQuery({
 window.addEventListener(
   'popstate',
   () => {
-    router.go(0);
+    handlePopState();
   },
   { once: true },
 );
 
 onMounted(async () => {
-  TaskLauncher = (await import('@bdelab/roar-multichoice')).default;
+  try {
+    TaskLauncher = (await import('@bdelab/roar-multichoice')).default;
+  } catch (error) {
+    console.error('An error occurred while importing the game module.', error);
+  }
+
   if (roarfirekit.value.restConfig) init();
   if (isFirekitInit.value && !isLoadingUserData.value) {
     await startTask();
   }
 });
 
+onBeforeUnmount(() => {
+  window.removeEventListener('popstate', handlePopState);
+});
+
 watch([isFirekitInit, isLoadingUserData], async ([newFirekitInitValue, newLoadingUserData]) => {
   if (newFirekitInitValue && !newLoadingUserData) await startTask();
 });
@@ -73,35 +85,46 @@ watch([isFirekitInit, isLoadingUserData], async ([newFirekitInitValue, newLoadin
 const { selectedAdmin } = storeToRefs(gameStore);
 
 async function startTask() {
-  const appKit = await authStore.roarfirekit.startAssessment(selectedAdmin.value.id, taskId);
-
-  const userDob = _get(userData.value, 'studentData.dob');
-  const userDateObj = new Date(userDob);
-
-  const userParams = {
-    grade: _get(userData.value, 'studentData.grade'),
-    birthMonth: userDateObj.getMonth() + 1,
-    birthYear: userDateObj.getFullYear(),
-    language: props.language,
-  };
-
-  const gameParams = { ...appKit._taskInfo.variantParams };
-
-  if (TaskLauncher === undefined) {
-    TaskLauncher = (await import('@bdelab/roar-multichoice')).default;
+  try {
+    let checkGameStarted = setInterval(function () {
+      // Poll for the preload trials progress bar to exist and then begin the game
+      let gameLoading = document.body.textContent.includes('loading');
+      if (gameLoading) {
+        gameStarted.value = true;
+        clearInterval(checkGameStarted);
+      }
+    }, 100);
+
+    const appKit = await authStore.roarfirekit.startAssessment(selectedAdmin.value.id, taskId);
+
+    const userDob = _get(userData.value, 'studentData.dob');
+    const userDateObj = new Date(userDob);
+
+    const userParams = {
+      grade: _get(userData.value, 'studentData.grade'),
+      birthMonth: userDateObj.getMonth() + 1,
+      birthYear: userDateObj.getFullYear(),
+      language: props.language,
+    };
+
+    const gameParams = { ...appKit._taskInfo.variantParams };
+
+    const roarApp = new TaskLauncher(appKit, gameParams, userParams, 'jspsych-target');
+
+    await roarApp.run().then(async () => {
+      // Handle any post-game actions.
+      await authStore.completeAssessment(selectedAdmin.value.id, taskId);
+
+      // Navigate to home, but first set the refresh flag to true.
+      gameStore.requireHomeRefresh();
+      router.push({ name: 'Home' });
+    });
+  } catch (error) {
+    console.error('An error occurred while starting the task:', error);
+    alert(
+      'An error occurred while starting the task. Please refresh the page and try again. If the error persists, please submit an issue report.',
+    );
   }
-
-  const roarApp = new TaskLauncher(appKit, gameParams, userParams, 'jspsych-target');
-
-  gameStarted.value = true;
-  await roarApp.run().then(async () => {
-    // Handle any post-game actions.
-    await authStore.completeAssessment(selectedAdmin.value.id, taskId);
-
-    // Navigate to home, but first set the refresh flag to true.
-    gameStore.requireHomeRefresh();
-    router.push({ name: 'Home' });
-  });
 }
 </script>
 <style>
diff --git a/src/components/tasks/TaskPA.vue b/src/components/tasks/TaskPA.vue
index c6c2b1320..3e41258b2 100644
--- a/src/components/tasks/TaskPA.vue
+++ b/src/components/tasks/TaskPA.vue
@@ -6,7 +6,7 @@
   </div>
 </template>
 <script setup>
-import { onMounted, watch, ref } from 'vue';
+import { onMounted, watch, ref, onBeforeUnmount } from 'vue';
 import { useRouter } from 'vue-router';
 import { storeToRefs } from 'pinia';
 import { useQuery } from '@tanstack/vue-query';
@@ -35,6 +35,9 @@ const init = () => {
   if (unsubscribe) unsubscribe();
   initialized.value = true;
 };
+const handlePopState = () => {
+  router.go(0);
+};
 
 unsubscribe = authStore.$subscribe(async (mutation, state) => {
   if (state.roarfirekit.restConfig) init();
@@ -53,19 +56,28 @@ const { isLoading: isLoadingUserData, data: userData } = useQuery({
 window.addEventListener(
   'popstate',
   () => {
-    router.go(0);
+    handlePopState();
   },
   { once: true },
 );
 
 onMounted(async () => {
-  TaskLauncher = (await import('@bdelab/roar-pa')).default;
+  try {
+    TaskLauncher = (await import('@bdelab/roar-pa')).default;
+  } catch (error) {
+    console.error('An error occurred while importing the game module.', error);
+  }
+
   if (roarfirekit.value.restConfig) init();
   if (isFirekitInit.value && !isLoadingUserData.value) {
     await startTask();
   }
 });
 
+onBeforeUnmount(() => {
+  window.removeEventListener('popstate', handlePopState);
+});
+
 watch([isFirekitInit, isLoadingUserData], async ([newFirekitInitValue, newLoadingUserData]) => {
   if (newFirekitInitValue && !newLoadingUserData) await startTask();
 });
@@ -73,35 +85,46 @@ watch([isFirekitInit, isLoadingUserData], async ([newFirekitInitValue, newLoadin
 const { selectedAdmin } = storeToRefs(gameStore);
 
 async function startTask() {
-  const appKit = await authStore.roarfirekit.startAssessment(selectedAdmin.value.id, taskId);
-
-  const userDob = _get(userData.value, 'studentData.dob');
-  const userDateObj = new Date(userDob);
-
-  const userParams = {
-    grade: _get(userData.value, 'studentData.grade'),
-    birthMonth: userDateObj.getMonth() + 1,
-    birthYear: userDateObj.getFullYear(),
-    language: props.language,
-  };
-
-  const gameParams = { ...appKit._taskInfo.variantParams };
-
-  if (TaskLauncher === undefined) {
-    TaskLauncher = (await import('@bdelab/roar-pa')).default;
+  try {
+    let checkGameStarted = setInterval(function () {
+      // Poll for the preload trials progress bar to exist and then begin the game
+      let gameLoading = document.body.textContent.includes('loading');
+      if (gameLoading) {
+        gameStarted.value = true;
+        clearInterval(checkGameStarted);
+      }
+    }, 100);
+
+    const appKit = await authStore.roarfirekit.startAssessment(selectedAdmin.value.id, taskId);
+
+    const userDob = _get(userData.value, 'studentData.dob');
+    const userDateObj = new Date(userDob);
+
+    const userParams = {
+      grade: _get(userData.value, 'studentData.grade'),
+      birthMonth: userDateObj.getMonth() + 1,
+      birthYear: userDateObj.getFullYear(),
+      language: props.language,
+    };
+
+    const gameParams = { ...appKit._taskInfo.variantParams };
+
+    const roarApp = new TaskLauncher(appKit, gameParams, userParams, 'jspsych-target');
+
+    await roarApp.run().then(async () => {
+      // Handle any post-game actions.
+      await authStore.completeAssessment(selectedAdmin.value.id, taskId);
+
+      // Navigate to home, but first set the refresh flag to true.
+      gameStore.requireHomeRefresh();
+      router.push({ name: 'Home' });
+    });
+  } catch (error) {
+    console.error('An error occurred while starting the task:', error);
+    alert(
+      'An error occurred while starting the task. Please refresh the page and try again. If the error persists, please submit an issue report.',
+    );
   }
-
-  const roarApp = new TaskLauncher(appKit, gameParams, userParams, 'jspsych-target');
-
-  gameStarted.value = true;
-  await roarApp.run().then(async () => {
-    // Handle any post-game actions.
-    await authStore.completeAssessment(selectedAdmin.value.id, taskId);
-
-    // Navigate to home, but first set the refresh flag to true.
-    gameStore.requireHomeRefresh();
-    router.push({ name: 'Home' });
-  });
 }
 </script>
 <style>
diff --git a/src/components/tasks/TaskSRE.vue b/src/components/tasks/TaskSRE.vue
index c9397486f..f9a8be490 100644
--- a/src/components/tasks/TaskSRE.vue
+++ b/src/components/tasks/TaskSRE.vue
@@ -6,7 +6,7 @@
   </div>
 </template>
 <script setup>
-import { onMounted, watch, ref } from 'vue';
+import { onMounted, watch, ref, onBeforeUnmount } from 'vue';
 import { useRouter } from 'vue-router';
 import { storeToRefs } from 'pinia';
 import { useQuery } from '@tanstack/vue-query';
@@ -35,6 +35,9 @@ const init = () => {
   if (unsubscribe) unsubscribe();
   initialized.value = true;
 };
+const handlePopState = () => {
+  router.go(0);
+};
 
 unsubscribe = authStore.$subscribe(async (mutation, state) => {
   if (state.roarfirekit.restConfig) init();
@@ -53,19 +56,28 @@ const { isLoading: isLoadingUserData, data: userData } = useQuery({
 window.addEventListener(
   'popstate',
   () => {
-    router.go(0);
+    handlePopState();
   },
   { once: true },
 );
 
 onMounted(async () => {
-  TaskLauncher = (await import('@bdelab/roar-sre')).default;
+  try {
+    TaskLauncher = (await import('@bdelab/roar-sre')).default;
+  } catch (error) {
+    console.error('An error occurred while importing the game module.', error);
+  }
+
   if (roarfirekit.value.restConfig) init();
   if (isFirekitInit.value && !isLoadingUserData.value) {
     await startTask();
   }
 });
 
+onBeforeUnmount(() => {
+  window.removeEventListener('popstate', handlePopState);
+});
+
 watch([isFirekitInit, isLoadingUserData], async ([newFirekitInitValue, newLoadingUserData]) => {
   if (newFirekitInitValue && !newLoadingUserData) await startTask();
 });
@@ -73,35 +85,46 @@ watch([isFirekitInit, isLoadingUserData], async ([newFirekitInitValue, newLoadin
 const { selectedAdmin } = storeToRefs(gameStore);
 
 async function startTask() {
-  const appKit = await authStore.roarfirekit.startAssessment(selectedAdmin.value.id, taskId);
-
-  const userDob = _get(userData.value, 'studentData.dob');
-  const userDateObj = new Date(userDob);
-
-  const userParams = {
-    grade: _get(userData.value, 'studentData.grade'),
-    birthMonth: userDateObj.getMonth() + 1,
-    birthYear: userDateObj.getFullYear(),
-    language: props.language,
-  };
-
-  const gameParams = { ...appKit._taskInfo.variantParams };
-
-  if (TaskLauncher === undefined) {
-    TaskLauncher = (await import('@bdelab/roar-sre')).default;
+  try {
+    let checkGameStarted = setInterval(function () {
+      // Poll for the preload trials progress bar to exist and then begin the game
+      let gameLoading = document.body.textContent.includes('loading');
+      if (gameLoading) {
+        gameStarted.value = true;
+        clearInterval(checkGameStarted);
+      }
+    }, 100);
+
+    const appKit = await authStore.roarfirekit.startAssessment(selectedAdmin.value.id, taskId);
+
+    const userDob = _get(userData.value, 'studentData.dob');
+    const userDateObj = new Date(userDob);
+
+    const userParams = {
+      grade: _get(userData.value, 'studentData.grade'),
+      birthMonth: userDateObj.getMonth() + 1,
+      birthYear: userDateObj.getFullYear(),
+      language: props.language,
+    };
+
+    const gameParams = { ...appKit._taskInfo.variantParams };
+
+    const roarApp = new TaskLauncher(appKit, gameParams, userParams, 'jspsych-target');
+
+    await roarApp.run().then(async () => {
+      // Handle any post-game actions.
+      await authStore.completeAssessment(selectedAdmin.value.id, taskId);
+
+      // Navigate to home, but first set the refresh flag to true.
+      gameStore.requireHomeRefresh();
+      router.push({ name: 'Home' });
+    });
+  } catch (error) {
+    console.error('An error occurred while starting the task:', error);
+    alert(
+      'An error occurred while starting the task. Please refresh the page and try again. If the error persists, please submit an issue report.',
+    );
   }
-
-  const roarApp = new TaskLauncher(appKit, gameParams, userParams, 'jspsych-target');
-
-  gameStarted.value = true;
-  await roarApp.run().then(async () => {
-    // Handle any post-game actions.
-    await authStore.completeAssessment(selectedAdmin.value.id, taskId);
-
-    // Navigate to home, but first set the refresh flag to true.
-    gameStore.requireHomeRefresh();
-    router.push({ name: 'Home' });
-  });
 }
 </script>
 <style>
diff --git a/src/components/tasks/TaskSWR.vue b/src/components/tasks/TaskSWR.vue
index 776512d50..ae1d68b87 100644
--- a/src/components/tasks/TaskSWR.vue
+++ b/src/components/tasks/TaskSWR.vue
@@ -6,7 +6,7 @@
   </div>
 </template>
 <script setup>
-import { onMounted, watch, ref } from 'vue';
+import { onMounted, onBeforeUnmount, watch, ref } from 'vue';
 import { useRouter } from 'vue-router';
 import { storeToRefs } from 'pinia';
 import { useQuery } from '@tanstack/vue-query';
@@ -35,6 +35,9 @@ const init = () => {
   if (unsubscribe) unsubscribe();
   initialized.value = true;
 };
+const handlePopState = () => {
+  router.go(0);
+};
 
 unsubscribe = authStore.$subscribe(async (mutation, state) => {
   if (state.roarfirekit.restConfig) init();
@@ -53,19 +56,28 @@ const { isLoading: isLoadingUserData, data: userData } = useQuery({
 window.addEventListener(
   'popstate',
   () => {
-    router.go(0);
+    handlePopState();
   },
   { once: true },
 );
 
 onMounted(async () => {
-  TaskLauncher = (await import('@bdelab/roar-swr')).default;
+  try {
+    TaskLauncher = (await import('@bdelab/roar-swr')).default;
+  } catch (error) {
+    console.error('An error occurred while importing the game module.', error);
+  }
+
   if (roarfirekit.value.restConfig) init();
   if (isFirekitInit.value && !isLoadingUserData.value) {
     await startTask();
   }
 });
 
+onBeforeUnmount(() => {
+  window.removeEventListener('popstate', handlePopState);
+});
+
 watch([isFirekitInit, isLoadingUserData], async ([newFirekitInitValue, newLoadingUserData]) => {
   if (newFirekitInitValue && !newLoadingUserData) await startTask();
 });
@@ -73,35 +85,46 @@ watch([isFirekitInit, isLoadingUserData], async ([newFirekitInitValue, newLoadin
 const { selectedAdmin } = storeToRefs(gameStore);
 
 async function startTask() {
-  const appKit = await authStore.roarfirekit.startAssessment(selectedAdmin.value.id, taskId);
-
-  const userDob = _get(userData.value, 'studentData.dob');
-  const userDateObj = new Date(userDob);
-
-  const userParams = {
-    grade: _get(userData.value, 'studentData.grade'),
-    birthMonth: userDateObj.getMonth() + 1,
-    birthYear: userDateObj.getFullYear(),
-    language: props.language,
-  };
-
-  const gameParams = { ...appKit._taskInfo.variantParams };
-
-  if (TaskLauncher === undefined) {
-    TaskLauncher = (await import('@bdelab/roar-swr')).default;
+  try {
+    let checkGameStarted = setInterval(function () {
+      // Poll for the preload trials progress bar to exist and then begin the game
+      let gameLoading = document.body.textContent.includes('loading');
+      if (gameLoading) {
+        gameStarted.value = true;
+        clearInterval(checkGameStarted);
+      }
+    }, 100);
+
+    const appKit = await authStore.roarfirekit.startAssessment(selectedAdmin.value.id, taskId);
+
+    const userDob = _get(userData.value, 'studentData.dob');
+    const userDateObj = new Date(userDob);
+
+    const userParams = {
+      grade: _get(userData.value, 'studentData.grade'),
+      birthMonth: userDateObj.getMonth() + 1,
+      birthYear: userDateObj.getFullYear(),
+      language: props.language,
+    };
+
+    const gameParams = { ...appKit._taskInfo.variantParams };
+
+    const roarApp = new TaskLauncher(appKit, gameParams, userParams, 'jspsych-target');
+
+    await roarApp.run().then(async () => {
+      // Handle any post-game actions.
+      await authStore.completeAssessment(selectedAdmin.value.id, taskId);
+
+      // Navigate to home, but first set the refresh flag to true.
+      gameStore.requireHomeRefresh();
+      router.push({ name: 'Home' });
+    });
+  } catch (error) {
+    console.error('An error occurred while starting the task:', error);
+    alert(
+      'An error occurred while starting the task. Please refresh the page and try again. If the error persists, please submit an issue report.',
+    );
   }
-
-  const roarApp = new TaskLauncher(appKit, gameParams, userParams, 'jspsych-target');
-
-  gameStarted.value = true;
-  await roarApp.run().then(async () => {
-    // Handle any post-game actions.
-    await authStore.completeAssessment(selectedAdmin.value.id, taskId);
-
-    // Navigate to home, but first set the refresh flag to true.
-    gameStore.requireHomeRefresh();
-    router.push({ name: 'Home' });
-  });
 }
 </script>
 <style>
diff --git a/src/components/tasks/TaskVocab.vue b/src/components/tasks/TaskVocab.vue
index dc7508373..59b821aab 100644
--- a/src/components/tasks/TaskVocab.vue
+++ b/src/components/tasks/TaskVocab.vue
@@ -6,7 +6,7 @@
   </div>
 </template>
 <script setup>
-import { onMounted, watch, ref } from 'vue';
+import { onMounted, watch, ref, onBeforeUnmount } from 'vue';
 import { useRouter } from 'vue-router';
 import { storeToRefs } from 'pinia';
 import { useQuery } from '@tanstack/vue-query';
@@ -35,6 +35,9 @@ const init = () => {
   if (unsubscribe) unsubscribe();
   initialized.value = true;
 };
+const handlePopState = () => {
+  router.go(0);
+};
 
 unsubscribe = authStore.$subscribe(async (mutation, state) => {
   if (state.roarfirekit.restConfig) init();
@@ -53,19 +56,28 @@ const { isLoading: isLoadingUserData, data: userData } = useQuery({
 window.addEventListener(
   'popstate',
   () => {
-    router.go(0);
+    handlePopState();
   },
   { once: true },
 );
 
 onMounted(async () => {
-  TaskLauncher = (await import('@bdelab/roar-vocab')).default;
+  try {
+    TaskLauncher = (await import('@bdelab/roar-vocab')).default;
+  } catch (error) {
+    console.error('An error occurred while importing the game module.', error);
+  }
+
   if (roarfirekit.value.restConfig) init();
   if (isFirekitInit.value && !isLoadingUserData.value) {
     await startTask();
   }
 });
 
+onBeforeUnmount(() => {
+  window.removeEventListener('popstate', handlePopState);
+});
+
 watch([isFirekitInit, isLoadingUserData], async ([newFirekitInitValue, newLoadingUserData]) => {
   if (newFirekitInitValue && !newLoadingUserData) await startTask();
 });
@@ -73,35 +85,46 @@ watch([isFirekitInit, isLoadingUserData], async ([newFirekitInitValue, newLoadin
 const { selectedAdmin } = storeToRefs(gameStore);
 
 async function startTask() {
-  const appKit = await authStore.roarfirekit.startAssessment(selectedAdmin.value.id, taskId);
-
-  const userDob = _get(userData.value, 'studentData.dob');
-  const userDateObj = new Date(userDob);
-
-  const userParams = {
-    grade: _get(userData.value, 'studentData.grade'),
-    birthMonth: userDateObj.getMonth() + 1,
-    birthYear: userDateObj.getFullYear(),
-    language: props.language,
-  };
-
-  const gameParams = { ...appKit._taskInfo.variantParams };
-
-  if (TaskLauncher === undefined) {
-    TaskLauncher = (await import('@bdelab/roar-vocab')).default;
+  try {
+    let checkGameStarted = setInterval(function () {
+      // Poll for the preload trials progress bar to exist and then begin the game
+      let gameLoading = document.body.textContent.includes('loading');
+      if (gameLoading) {
+        gameStarted.value = true;
+        clearInterval(checkGameStarted);
+      }
+    }, 100);
+
+    const appKit = await authStore.roarfirekit.startAssessment(selectedAdmin.value.id, taskId);
+
+    const userDob = _get(userData.value, 'studentData.dob');
+    const userDateObj = new Date(userDob);
+
+    const userParams = {
+      grade: _get(userData.value, 'studentData.grade'),
+      birthMonth: userDateObj.getMonth() + 1,
+      birthYear: userDateObj.getFullYear(),
+      language: props.language,
+    };
+
+    const gameParams = { ...appKit._taskInfo.variantParams };
+
+    const roarApp = new TaskLauncher(appKit, gameParams, userParams, 'jspsych-target');
+
+    await roarApp.run().then(async () => {
+      // Handle any post-game actions.
+      await authStore.completeAssessment(selectedAdmin.value.id, taskId);
+
+      // Navigate to home, but first set the refresh flag to true.
+      gameStore.requireHomeRefresh();
+      router.push({ name: 'Home' });
+    });
+  } catch (error) {
+    console.error('An error occurred while starting the task:', error);
+    alert(
+      'An error occurred while starting the task. Please refresh the page and try again. If the error persists, please submit an issue report.',
+    );
   }
-
-  const roarApp = new TaskLauncher(appKit, gameParams, userParams, 'jspsych-target');
-
-  gameStarted.value = true;
-  await roarApp.run().then(async () => {
-    // Handle any post-game actions.
-    await authStore.completeAssessment(selectedAdmin.value.id, taskId);
-
-    // Navigate to home, but first set the refresh flag to true.
-    gameStore.requireHomeRefresh();
-    router.push({ name: 'Home' });
-  });
 }
 </script>
 <style>

From 7b87a9452053e467e19b8bce190877a231cabf05 Mon Sep 17 00:00:00 2001
From: Kyle <ksmontville@gmail.com>
Date: Fri, 22 Mar 2024 15:00:10 -0700
Subject: [PATCH 16/25] revery cypress base url

---
 cypress.config.js | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/cypress.config.js b/cypress.config.js
index 5c40e2474..eeb872ed5 100644
--- a/cypress.config.js
+++ b/cypress.config.js
@@ -4,7 +4,7 @@ require('dotenv').config();
 module.exports = defineConfig({
   projectId: 'cobw62',
   e2e: {
-    baseUrl: process.env.CYPRESS_BASE_URL ?? 'http://localhost:4173/',
+    baseUrl: process.env.CYPRESS_BASE_URL ?? 'https://localhost:5173/',
     experimentalRunAllSpecs: true,
     experimentalMemoryManagement: true,
     retries: 2,
@@ -18,7 +18,7 @@ module.exports = defineConfig({
     },
   },
   env: {
-    baseUrl: process.env.CYPRESS_BASE_URL ?? 'http://localhost:4173',
+    baseUrl: process.env.CYPRESS_BASE_URL ?? 'https://localhost:5173',
     firestoreUrl: 'https://firestore.googleapis.com/**/*',
     timeout: 10000,
     sessionCookieName: process.env.SESSION_COOKIE_NAME,

From f785765ffa0f1c30d4cad13b2fc4088a08a1197b Mon Sep 17 00:00:00 2001
From: Adam Richie-Halford <richiehalford@gmail.com>
Date: Sat, 23 Mar 2024 05:21:01 -0700
Subject: [PATCH 17/25] WIP: Set up sandbox projects

---
 README.md                                     | 11 ++++++++++
 package.json                                  |  6 ++++--
 roar-firebase-functions                       |  2 +-
 ...{levanteFirebase.js => firebaseLevante.js} |  0
 src/config/{firebase.js => firebaseRoar.js}   | 20 +++++++++++++++++++
 src/firebaseInit.js                           |  8 +++++---
 src/helpers/query/assignments.js              |  8 +++++---
 src/helpers/query/utils.js                    |  6 ++++++
 8 files changed, 52 insertions(+), 9 deletions(-)
 rename src/config/{levanteFirebase.js => firebaseLevante.js} (100%)
 rename src/config/{firebase.js => firebaseRoar.js} (68%)

diff --git a/README.md b/README.md
index 0340b05d7..665030f9f 100644
--- a/README.md
+++ b/README.md
@@ -5,6 +5,17 @@ Online Assessment of Reading (ROAR) platform.
 
 If you would like to contribute to this project, please read the [contribution guide](.github/CONTRIBUTING.md).
 
+## NPM Scripts
+
+The `npm run dev` and `npm run build` scripts have variants that define which
+data source the dashboard will use. Scripts ending in `:live` will use
+production data, while scripts ending in `:sandbox` will use development data:
+
+- `npm run dev` starts a development server using sandbox data.
+- `npm run dev:live` starts a development server using live data.
+- `npm run build` builds the project using live data.
+- `npm run build:sandbox` builds the project using sandbox data.
+
 ## Data Flow Diagram
 
 See the [ROAR/ROAD Data Flow Diagram here](https://miro.com/app/board/uXjVNY-_qDA=/?share_link_id=967374624080).
diff --git a/package.json b/package.json
index 17960b645..ec045c368 100644
--- a/package.json
+++ b/package.json
@@ -3,9 +3,11 @@
   "private": true,
   "version": "2.0.1",
   "scripts": {
-    "build": "vite build",
+    "build": "export VITE_FIREBASE_DATA_SOURCE=live && vite build",
+    "build:sandbox": "export VITE_FIREBASE_DATA_SOURCE=sandbox && vite build",
     "build:levante": "vite build -m LEVANTE",
-    "dev": "vite --force --host",
+    "dev": "export VITE_FIREBASE_DATA_SOURCE=sandbox && vite --force --host",
+    "dev:live": "export VITE_FIREBASE_DATA_SOURCE=live && vite --force --host",
     "dev:levante": "vite --force --host -m LEVANTE",
     "dev:emulate": "export VITE_FIREBASE_EMULATOR=true && vite --force --host",
     "emulate:admin": "source firebase/emulate_admin.sh",
diff --git a/roar-firebase-functions b/roar-firebase-functions
index 49a443103..0f66270d4 160000
--- a/roar-firebase-functions
+++ b/roar-firebase-functions
@@ -1 +1 @@
-Subproject commit 49a443103198ba6ad9f5b2b5b30f186cdb7cb74c
+Subproject commit 0f66270d4742226d8ef08f69c01174888becbc1c
diff --git a/src/config/levanteFirebase.js b/src/config/firebaseLevante.js
similarity index 100%
rename from src/config/levanteFirebase.js
rename to src/config/firebaseLevante.js
diff --git a/src/config/firebase.js b/src/config/firebaseRoar.js
similarity index 68%
rename from src/config/firebase.js
rename to src/config/firebaseRoar.js
index 63a44c556..f4e3a95eb 100644
--- a/src/config/firebase.js
+++ b/src/config/firebaseRoar.js
@@ -5,6 +5,7 @@ let appConfig;
 let adminConfig;
 
 const isEmulated = import.meta.env.VITE_FIREBASE_EMULATOR === 'true';
+const useSandbox = import.meta.env.VITE_FIREBASE_DATA_SOURCE === 'sandbox';
 const isStaging = import.meta.env.VITE_STAGING_BUILD === 'true';
 
 if (isEmulated) {
@@ -28,6 +29,25 @@ if (isEmulated) {
       functions: adminFirebaseConfig.emulators.functions.port,
     },
   };
+} else if (useSandbox) {
+  console.log('Using sandbox data from the dev Firebase projects');
+  appConfig = {
+    apiKey: 'AIzaSyCEUxEgYMp4fg2zORT0lsgn4Q6CCoMVzjU',
+    authDomain: 'gse-roar-assessment-dev.firebaseapp.com',
+    projectId: 'gse-roar-assessment-dev',
+    storageBucket: 'gse-roar-assessment-dev.appspot.com',
+    messagingSenderId: '26086061121',
+    appId: '1:26086061121:web:262163d6c145b7a80bc2c0',
+  };
+
+  adminConfig = {
+    apiKey: 'AIzaSyCl-JsYraUfofQZXpzshQ6s-E0nYzlCvvg',
+    authDomain: 'gse-roar-admin-dev.firebaseapp.com',
+    projectId: 'gse-roar-admin-dev',
+    storageBucket: 'gse-roar-admin-dev.appspot.com',
+    messagingSenderId: '401455396681',
+    appId: '1:401455396681:web:859ea073a116d0aececc98',
+  };
 } else {
   appConfig = {
     apiKey: 'AIzaSyDw0TnTXbvRyoVo5_oa_muhXk9q7783k_g',
diff --git a/src/firebaseInit.js b/src/firebaseInit.js
index b07fba887..259f51905 100644
--- a/src/firebaseInit.js
+++ b/src/firebaseInit.js
@@ -1,10 +1,12 @@
 import { RoarFirekit } from '@bdelab/roar-firekit';
-import firebaseConfig from './config/firebase';
-import levanteFirebaseConfig from './config/levanteFirebase';
+import roarFirebaseConfig from './config/firebaseRoar';
+import levanteFirebaseConfig from './config/firebaseLevante';
+
+const roarConfig = import.meta.env.MODE === 'LEVANTE' ? levanteFirebaseConfig : roarFirebaseConfig;
 
 export async function initNewFirekit() {
   const firekit = new RoarFirekit({
-    roarConfig: import.meta.env.MODE === 'LEVANTE' ? levanteFirebaseConfig : firebaseConfig,
+    roarConfig,
     authPersistence: 'session',
     markRawConfig: {
       auth: false,
diff --git a/src/helpers/query/assignments.js b/src/helpers/query/assignments.js
index 3c5f768d3..013662711 100644
--- a/src/helpers/query/assignments.js
+++ b/src/helpers/query/assignments.js
@@ -7,7 +7,7 @@ import _replace from 'lodash/replace';
 import _uniq from 'lodash/uniq';
 import _without from 'lodash/without';
 import _isEmpty from 'lodash/isEmpty';
-import { convertValues, getAxiosInstance, mapFields } from './utils';
+import { convertValues, getAxiosInstance, getProjectId, mapFields } from './utils';
 import { pluralizeFirestoreCollection } from '@/helpers';
 import { toRaw } from 'vue';
 
@@ -696,6 +696,8 @@ export const assignmentPageFetcher = async (
 ) => {
   const adminAxiosInstance = getAxiosInstance();
   const appAxiosInstance = getAxiosInstance('app');
+  const adminProjectId = getProjectId('admin');
+  const appProjectId = getProjectId('app');
 
   // Only allow one non-org filter
   let nonOrgFilter = null;
@@ -748,7 +750,7 @@ export const assignmentPageFetcher = async (
         _without(
           data.map((scoreDoc) => {
             if (scoreDoc.document?.name) {
-              return _replace(scoreDoc.document.name.split('/runs/')[0], 'gse-roar-assessment', 'gse-roar-admin');
+              return _replace(scoreDoc.document.name.split('/runs/')[0], appProjectId, adminProjectId);
             } else {
               return undefined;
             }
@@ -816,7 +818,7 @@ export const assignmentPageFetcher = async (
             const reliable = _get(_find(scoresData, { id: runId }), 'reliable');
             const engagementFlags = _get(_find(scoresData, { id: runId }), 'engagementFlags');
             if (!scoresObject && runId) {
-              const runPath = `projects/gse-roar-assessment/databases/(default)/documents/users/${assignment.userId}/runs/${runId}`;
+              const runPath = `projects/${appProjectId}/databases/(default)/documents/users/${assignment.userId}/runs/${runId}`;
               unretrievedScores.push(runPath);
             }
             return {
diff --git a/src/helpers/query/utils.js b/src/helpers/query/utils.js
index 532cb0446..1b9958038 100644
--- a/src/helpers/query/utils.js
+++ b/src/helpers/query/utils.js
@@ -63,6 +63,12 @@ export const orderByDefault = [
   },
 ];
 
+export const getProjectId = (project = 'admin') => {
+  const authStore = useAuthStore();
+  const { roarfirekit } = storeToRefs(authStore);
+  return roarfirekit.value.roarConfig?.[project]?.projectId;
+};
+
 export const getAxiosInstance = (db = 'admin') => {
   const authStore = useAuthStore();
   const { roarfirekit } = storeToRefs(authStore);

From 85530d27ab0ea81acbd8963c7929b3540e81ce39 Mon Sep 17 00:00:00 2001
From: Adam Richie-Halford <richiehalford@gmail.com>
Date: Sun, 24 Mar 2024 16:01:33 -0700
Subject: [PATCH 18/25] Bump firekit

---
 package-lock.json | 14 +++++++-------
 package.json      |  2 +-
 2 files changed, 8 insertions(+), 8 deletions(-)

diff --git a/package-lock.json b/package-lock.json
index 1dc7ed3fc..b989bb3b2 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -9,7 +9,7 @@
       "version": "2.0.1",
       "dependencies": {
         "@bdelab/roam-fluency": "^1.11.9",
-        "@bdelab/roar-firekit": "^4.8.9",
+        "@bdelab/roar-firekit": "^4.8.10",
         "@bdelab/roar-letter": "^1.10.0",
         "@bdelab/roar-multichoice": "^1.9.4",
         "@bdelab/roar-pa": "^1.6.4",
@@ -1596,9 +1596,9 @@
       }
     },
     "node_modules/@bdelab/roar-firekit": {
-      "version": "4.8.9",
-      "resolved": "https://registry.npmjs.org/@bdelab/roar-firekit/-/roar-firekit-4.8.9.tgz",
-      "integrity": "sha512-M6eogX/IkNq2pvNndUTvGolQ4321ALD1qkL0FlWAxdW7vjA7LpedHGezc0l1lrlBtqwvyd+BKJNcQ7jaaMzgFQ==",
+      "version": "4.8.10",
+      "resolved": "https://registry.npmjs.org/@bdelab/roar-firekit/-/roar-firekit-4.8.10.tgz",
+      "integrity": "sha512-0jqYeX/MIsnI/tkmMgqtd1tkrjC8eyVsgAa8ouLU24ITDYgUbSbtANiy7K5SgawYTv/LKO0TfVQpVXSReF8yVw==",
       "dependencies": {
         "@bdelab/roar-firekit": "^4.1.1",
         "crc-32": "^1.2.2",
@@ -27100,9 +27100,9 @@
       }
     },
     "@bdelab/roar-firekit": {
-      "version": "4.8.9",
-      "resolved": "https://registry.npmjs.org/@bdelab/roar-firekit/-/roar-firekit-4.8.9.tgz",
-      "integrity": "sha512-M6eogX/IkNq2pvNndUTvGolQ4321ALD1qkL0FlWAxdW7vjA7LpedHGezc0l1lrlBtqwvyd+BKJNcQ7jaaMzgFQ==",
+      "version": "4.8.10",
+      "resolved": "https://registry.npmjs.org/@bdelab/roar-firekit/-/roar-firekit-4.8.10.tgz",
+      "integrity": "sha512-0jqYeX/MIsnI/tkmMgqtd1tkrjC8eyVsgAa8ouLU24ITDYgUbSbtANiy7K5SgawYTv/LKO0TfVQpVXSReF8yVw==",
       "requires": {
         "@bdelab/roar-firekit": "^4.1.1",
         "crc-32": "^1.2.2",
diff --git a/package.json b/package.json
index ec045c368..7cb230a73 100644
--- a/package.json
+++ b/package.json
@@ -27,7 +27,7 @@
   },
   "dependencies": {
     "@bdelab/roam-fluency": "^1.11.9",
-    "@bdelab/roar-firekit": "^4.8.9",
+    "@bdelab/roar-firekit": "^4.8.10",
     "@bdelab/roar-letter": "^1.10.0",
     "@bdelab/roar-multichoice": "^1.9.4",
     "@bdelab/roar-pa": "^1.6.4",

From 50d73a2a78396aff8ffbf8e804d398bda3e9bcce Mon Sep 17 00:00:00 2001
From: Kyle <ksmontville@gmail.com>
Date: Tue, 26 Mar 2024 09:34:55 -0700
Subject: [PATCH 19/25] add env variable for test list

---
 cypress.config.js                                               | 1 +
 .../e2e/partner-admin/default-tests/viewIndividualReport.cy.js  | 2 +-
 .../partner-admin/default-tests/viewProgressReports.spec.cy.js  | 2 +-
 .../e2e/partner-admin/default-tests/viewScoreReports.spec.cy.js | 2 +-
 4 files changed, 4 insertions(+), 3 deletions(-)

diff --git a/cypress.config.js b/cypress.config.js
index eeb872ed5..49e81ea9e 100644
--- a/cypress.config.js
+++ b/cypress.config.js
@@ -50,6 +50,7 @@ module.exports = defineConfig({
     testClassInitials: 'TC',
     testGroupName: 'zzzTestGroup',
     testGroupInitials: 'TG',
+    testAssignmentsList: ['Vocabulary', 'Multichoice', 'Written-Vocab'],
     testPartnerAdministrationName: 'zzzCypressTestAdministration',
     testPartnerAdministrationId: 'pdOfQuakqN4re3cI5mr5',
     testPartnerDistrictName: 'zzzCypressTestDistrict',
diff --git a/cypress/e2e/partner-admin/default-tests/viewIndividualReport.cy.js b/cypress/e2e/partner-admin/default-tests/viewIndividualReport.cy.js
index a3d653b63..39c74a5ef 100644
--- a/cypress/e2e/partner-admin/default-tests/viewIndividualReport.cy.js
+++ b/cypress/e2e/partner-admin/default-tests/viewIndividualReport.cy.js
@@ -6,7 +6,7 @@ const testPartnerAdminPassword = Cypress.env('partnerAdminPassword');
 const timeout = Cypress.env('timeout');
 const baseUrl = Cypress.env('baseUrl');
 const testUserList = Cypress.env('testUserList');
-const testAssignments = ['Vocabulary', 'Multichoice', 'Written-Vocab'];
+const testAssignments = Cypress.env('testAssignmentsList');
 
 function checkUrl() {
   cy.login(testPartnerAdminUsername, testPartnerAdminPassword);
diff --git a/cypress/e2e/partner-admin/default-tests/viewProgressReports.spec.cy.js b/cypress/e2e/partner-admin/default-tests/viewProgressReports.spec.cy.js
index 041358937..990689a3c 100644
--- a/cypress/e2e/partner-admin/default-tests/viewProgressReports.spec.cy.js
+++ b/cypress/e2e/partner-admin/default-tests/viewProgressReports.spec.cy.js
@@ -6,7 +6,7 @@ const baseUrl = Cypress.env('baseUrl');
 const testPartnerAdminUsername = Cypress.env('partnerAdminUsername');
 const testPartnerAdminPassword = Cypress.env('partnerAdminPassword');
 const testUserList = Cypress.env('testUserList');
-const testAssignments = ['Vocabulary', 'Multichoice', 'Written-Vocab'];
+const testAssignments = Cypress.env('testAssignmentsList');
 
 function checkUrl() {
   cy.login(testPartnerAdminUsername, testPartnerAdminPassword);
diff --git a/cypress/e2e/partner-admin/default-tests/viewScoreReports.spec.cy.js b/cypress/e2e/partner-admin/default-tests/viewScoreReports.spec.cy.js
index a740b3e17..68f6ae7a6 100644
--- a/cypress/e2e/partner-admin/default-tests/viewScoreReports.spec.cy.js
+++ b/cypress/e2e/partner-admin/default-tests/viewScoreReports.spec.cy.js
@@ -6,7 +6,7 @@ const testPartnerAdminPassword = Cypress.env('partnerAdminPassword');
 const timeout = Cypress.env('timeout');
 const baseUrl = Cypress.env('baseUrl');
 const testUserList = Cypress.env('testUserList');
-const testAssignments = ['Vocabulary', 'Multichoice', 'Written-Vocab'];
+const testAssignments = Cypress.env('testAssignmentsList');
 
 function checkUrl() {
   cy.login(testPartnerAdminUsername, testPartnerAdminPassword);

From 8ecd6de2ec5d14f7a5499659878da111a451dd05 Mon Sep 17 00:00:00 2001
From: Lucas  Song <lucas7song@gmail.com>
Date: Tue, 26 Mar 2024 07:25:39 -1000
Subject: [PATCH 20/25] remove parseGrade for getGrade and bump roar-utils

---
 package-lock.json         | 14 +++++++-------
 package.json              |  2 +-
 src/pages/ScoreReport.vue |  9 ++-------
 3 files changed, 10 insertions(+), 15 deletions(-)

diff --git a/package-lock.json b/package-lock.json
index 1815091ba..335eb68c8 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -15,7 +15,7 @@
         "@bdelab/roar-pa": "^1.6.4",
         "@bdelab/roar-sre": "^1.13.3",
         "@bdelab/roar-swr": "^1.9.0",
-        "@bdelab/roar-utils": "^1.1.0",
+        "@bdelab/roar-utils": "^1.2.0",
         "@bdelab/roar-vocab": "^1.6.11",
         "@sentry/browser": "^7.107.0",
         "@sentry/integrations": "^7.107.0",
@@ -3609,9 +3609,9 @@
       }
     },
     "node_modules/@bdelab/roar-utils": {
-      "version": "1.1.0",
-      "resolved": "https://registry.npmjs.org/@bdelab/roar-utils/-/roar-utils-1.1.0.tgz",
-      "integrity": "sha512-XF/eSN81cdvYd9D4d8Q5Cl2Wsx9uUtgRNUCPTBw29qytiDGFIv+J62WseOsoCOl6IbYLZwsWhREu6vCvpqzO9g==",
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/@bdelab/roar-utils/-/roar-utils-1.2.0.tgz",
+      "integrity": "sha512-39/2mCeGFKfAcNZ4hx4Gr+Qdi9yYiL28SkBOVqvCalQoI0OI/GN/4D2x8xmv0iVfSvTHfZw1HyeAIRpFDTRH1Q==",
       "dependencies": {
         "@jspsych/plugin-preload": "^1.1.2",
         "detect-it": "^4.0.1",
@@ -28710,9 +28710,9 @@
       }
     },
     "@bdelab/roar-utils": {
-      "version": "1.1.0",
-      "resolved": "https://registry.npmjs.org/@bdelab/roar-utils/-/roar-utils-1.1.0.tgz",
-      "integrity": "sha512-XF/eSN81cdvYd9D4d8Q5Cl2Wsx9uUtgRNUCPTBw29qytiDGFIv+J62WseOsoCOl6IbYLZwsWhREu6vCvpqzO9g==",
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/@bdelab/roar-utils/-/roar-utils-1.2.0.tgz",
+      "integrity": "sha512-39/2mCeGFKfAcNZ4hx4Gr+Qdi9yYiL28SkBOVqvCalQoI0OI/GN/4D2x8xmv0iVfSvTHfZw1HyeAIRpFDTRH1Q==",
       "requires": {
         "@jspsych/plugin-preload": "^1.1.2",
         "detect-it": "^4.0.1",
diff --git a/package.json b/package.json
index 17960b645..dc628d021 100644
--- a/package.json
+++ b/package.json
@@ -31,7 +31,7 @@
     "@bdelab/roar-pa": "^1.6.4",
     "@bdelab/roar-sre": "^1.13.3",
     "@bdelab/roar-swr": "^1.9.0",
-    "@bdelab/roar-utils": "^1.1.0",
+    "@bdelab/roar-utils": "^1.2.0",
     "@bdelab/roar-vocab": "^1.6.11",
     "@sentry/browser": "^7.107.0",
     "@sentry/integrations": "^7.107.0",
diff --git a/src/pages/ScoreReport.vue b/src/pages/ScoreReport.vue
index e6f5a5bd0..478645a43 100644
--- a/src/pages/ScoreReport.vue
+++ b/src/pages/ScoreReport.vue
@@ -534,7 +534,7 @@ const { data: schoolsInfo } = useQuery({
 const schoolsDict = computed(() => {
   if (schoolsInfo.value) {
     return schoolsInfo.value.reduce((acc, school) => {
-      acc[school.id] = parseGrade(school.lowGrade) + ' ' + school.name;
+      acc[school.id] = getGrade(school.lowGrade) + ' ' + school.name;
       return acc;
     }, {});
   } else {
@@ -1087,18 +1087,13 @@ function rawScoreByTaskId(taskId) {
   return 'roarScore';
 }
 
-const parseGrade = (grade) => {
-  const gradeZero = ['kindergarten', 'preschool', 'k', 'pk', 'tk', 'prekindergarten'];
-  return gradeZero.includes(String(grade)?.toLowerCase()) ? 0 : parseInt(grade);
-};
-
 const runsByTaskId = computed(() => {
   if (runResults.value === undefined) return {};
   const computedScores = {};
   for (const { scores, taskId, user } of runResults.value) {
     let percentScore;
     const rawScore = _get(scores, rawScoreByTaskId(taskId));
-    const grade = parseGrade(user?.data?.grade);
+    const grade = getGrade(user?.data?.grade);
     if (grade >= 6) {
       percentScore = _get(scores, scoreFieldAboveSixth(taskId));
     } else {

From 1841217d3ed6fb16bb418a07d2e62ff65b6e3f65 Mon Sep 17 00:00:00 2001
From: Kyle <ksmontville@gmail.com>
Date: Tue, 26 Mar 2024 13:01:35 -0700
Subject: [PATCH 21/25] initial commit

---
 package-lock.json | 49 +++++++++++++++++++++++++----------------------
 package.json      |  6 +++---
 2 files changed, 29 insertions(+), 26 deletions(-)

diff --git a/package-lock.json b/package-lock.json
index 1815091ba..4cb0301ac 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -9,13 +9,13 @@
       "version": "2.0.1",
       "dependencies": {
         "@bdelab/roam-fluency": "^1.11.9",
-        "@bdelab/roar-firekit": "^4.8.9",
+        "@bdelab/roar-firekit": "^4.8.10",
         "@bdelab/roar-letter": "^1.10.0",
-        "@bdelab/roar-multichoice": "^1.9.4",
+        "@bdelab/roar-multichoice": "^1.11.0",
         "@bdelab/roar-pa": "^1.6.4",
         "@bdelab/roar-sre": "^1.13.3",
         "@bdelab/roar-swr": "^1.9.0",
-        "@bdelab/roar-utils": "^1.1.0",
+        "@bdelab/roar-utils": "^1.2.0",
         "@bdelab/roar-vocab": "^1.6.11",
         "@sentry/browser": "^7.107.0",
         "@sentry/integrations": "^7.107.0",
@@ -1596,9 +1596,9 @@
       }
     },
     "node_modules/@bdelab/roar-firekit": {
-      "version": "4.8.9",
-      "resolved": "https://registry.npmjs.org/@bdelab/roar-firekit/-/roar-firekit-4.8.9.tgz",
-      "integrity": "sha512-M6eogX/IkNq2pvNndUTvGolQ4321ALD1qkL0FlWAxdW7vjA7LpedHGezc0l1lrlBtqwvyd+BKJNcQ7jaaMzgFQ==",
+      "version": "4.8.10",
+      "resolved": "https://registry.npmjs.org/@bdelab/roar-firekit/-/roar-firekit-4.8.10.tgz",
+      "integrity": "sha512-0jqYeX/MIsnI/tkmMgqtd1tkrjC8eyVsgAa8ouLU24ITDYgUbSbtANiy7K5SgawYTv/LKO0TfVQpVXSReF8yVw==",
       "dependencies": {
         "@bdelab/roar-firekit": "^4.1.1",
         "crc-32": "^1.2.2",
@@ -2043,9 +2043,9 @@
       }
     },
     "node_modules/@bdelab/roar-multichoice": {
-      "version": "1.9.4",
-      "resolved": "https://registry.npmjs.org/@bdelab/roar-multichoice/-/roar-multichoice-1.9.4.tgz",
-      "integrity": "sha512-Tk1u0qTYz4F6AawLlIshIrLNO255mHhoKVq4DM4jeSJfBjY6LImc+PXdHdV/KjIWkUCbgX5o8MsEbYtVP7EJTA==",
+      "version": "1.11.0",
+      "resolved": "https://registry.npmjs.org/@bdelab/roar-multichoice/-/roar-multichoice-1.11.0.tgz",
+      "integrity": "sha512-0L2Ocsqy5LWmBGMb//oS87NmhgiVlyU/VIiojNJtzgxkxNlUZ3KDFDlVOO1U77mqYGxNo3woryj3SiurkQxnUw==",
       "dependencies": {
         "@bdelab/jscat": "^4.0.0",
         "@bdelab/roar-firekit": "^4.7.0",
@@ -3609,9 +3609,9 @@
       }
     },
     "node_modules/@bdelab/roar-utils": {
-      "version": "1.1.0",
-      "resolved": "https://registry.npmjs.org/@bdelab/roar-utils/-/roar-utils-1.1.0.tgz",
-      "integrity": "sha512-XF/eSN81cdvYd9D4d8Q5Cl2Wsx9uUtgRNUCPTBw29qytiDGFIv+J62WseOsoCOl6IbYLZwsWhREu6vCvpqzO9g==",
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/@bdelab/roar-utils/-/roar-utils-1.2.0.tgz",
+      "integrity": "sha512-39/2mCeGFKfAcNZ4hx4Gr+Qdi9yYiL28SkBOVqvCalQoI0OI/GN/4D2x8xmv0iVfSvTHfZw1HyeAIRpFDTRH1Q==",
       "dependencies": {
         "@jspsych/plugin-preload": "^1.1.2",
         "detect-it": "^4.0.1",
@@ -24519,9 +24519,11 @@
       }
     },
     "node_modules/vega-embed/node_modules/yallist": {
+      "version": "4.0.0",
       "resolved": "https://registry.npmjs.org/yallist/-/yallist-4.0.0.tgz",
       "integrity": "sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A==",
-      "inBundle": true
+      "inBundle": true,
+      "license": "ISC"
     },
     "node_modules/vega-encode": {
       "version": "4.9.2",
@@ -27098,9 +27100,9 @@
       }
     },
     "@bdelab/roar-firekit": {
-      "version": "4.8.9",
-      "resolved": "https://registry.npmjs.org/@bdelab/roar-firekit/-/roar-firekit-4.8.9.tgz",
-      "integrity": "sha512-M6eogX/IkNq2pvNndUTvGolQ4321ALD1qkL0FlWAxdW7vjA7LpedHGezc0l1lrlBtqwvyd+BKJNcQ7jaaMzgFQ==",
+      "version": "4.8.10",
+      "resolved": "https://registry.npmjs.org/@bdelab/roar-firekit/-/roar-firekit-4.8.10.tgz",
+      "integrity": "sha512-0jqYeX/MIsnI/tkmMgqtd1tkrjC8eyVsgAa8ouLU24ITDYgUbSbtANiy7K5SgawYTv/LKO0TfVQpVXSReF8yVw==",
       "requires": {
         "@bdelab/roar-firekit": "^4.1.1",
         "crc-32": "^1.2.2",
@@ -27444,9 +27446,9 @@
       }
     },
     "@bdelab/roar-multichoice": {
-      "version": "1.9.4",
-      "resolved": "https://registry.npmjs.org/@bdelab/roar-multichoice/-/roar-multichoice-1.9.4.tgz",
-      "integrity": "sha512-Tk1u0qTYz4F6AawLlIshIrLNO255mHhoKVq4DM4jeSJfBjY6LImc+PXdHdV/KjIWkUCbgX5o8MsEbYtVP7EJTA==",
+      "version": "1.11.0",
+      "resolved": "https://registry.npmjs.org/@bdelab/roar-multichoice/-/roar-multichoice-1.11.0.tgz",
+      "integrity": "sha512-0L2Ocsqy5LWmBGMb//oS87NmhgiVlyU/VIiojNJtzgxkxNlUZ3KDFDlVOO1U77mqYGxNo3woryj3SiurkQxnUw==",
       "requires": {
         "@bdelab/jscat": "^4.0.0",
         "@bdelab/roar-firekit": "^4.7.0",
@@ -28710,9 +28712,9 @@
       }
     },
     "@bdelab/roar-utils": {
-      "version": "1.1.0",
-      "resolved": "https://registry.npmjs.org/@bdelab/roar-utils/-/roar-utils-1.1.0.tgz",
-      "integrity": "sha512-XF/eSN81cdvYd9D4d8Q5Cl2Wsx9uUtgRNUCPTBw29qytiDGFIv+J62WseOsoCOl6IbYLZwsWhREu6vCvpqzO9g==",
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/@bdelab/roar-utils/-/roar-utils-1.2.0.tgz",
+      "integrity": "sha512-39/2mCeGFKfAcNZ4hx4Gr+Qdi9yYiL28SkBOVqvCalQoI0OI/GN/4D2x8xmv0iVfSvTHfZw1HyeAIRpFDTRH1Q==",
       "requires": {
         "@jspsych/plugin-preload": "^1.1.2",
         "detect-it": "^4.0.1",
@@ -43276,7 +43278,8 @@
           }
         },
         "yallist": {
-          "version": "https://registry.npmjs.org/yallist/-/yallist-4.0.0.tgz",
+          "version": "4.0.0",
+          "resolved": "https://registry.npmjs.org/yallist/-/yallist-4.0.0.tgz",
           "integrity": "sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A==",
           "bundled": true
         }
diff --git a/package.json b/package.json
index 17960b645..4e52ee818 100644
--- a/package.json
+++ b/package.json
@@ -25,13 +25,13 @@
   },
   "dependencies": {
     "@bdelab/roam-fluency": "^1.11.9",
-    "@bdelab/roar-firekit": "^4.8.9",
+    "@bdelab/roar-firekit": "^4.8.10",
     "@bdelab/roar-letter": "^1.10.0",
-    "@bdelab/roar-multichoice": "^1.9.4",
+    "@bdelab/roar-multichoice": "^1.11.0",
     "@bdelab/roar-pa": "^1.6.4",
     "@bdelab/roar-sre": "^1.13.3",
     "@bdelab/roar-swr": "^1.9.0",
-    "@bdelab/roar-utils": "^1.1.0",
+    "@bdelab/roar-utils": "^1.2.0",
     "@bdelab/roar-vocab": "^1.6.11",
     "@sentry/browser": "^7.107.0",
     "@sentry/integrations": "^7.107.0",

From 96c61eae755455ff3be85577a26dc344b04b7d3e Mon Sep 17 00:00:00 2001
From: Elijah Kelly <kellyel@stanford.edu>
Date: Tue, 26 Mar 2024 14:30:36 -0700
Subject: [PATCH 22/25] Implement spanish consent modal

---
 src/components/ConsentModal.vue                   | 15 +++++++++++----
 src/pages/HomeSelector.vue                        |  5 +++--
 src/translations/en/en-componentTranslations.json |  4 +++-
 .../en/us/en-us-componentTranslations.json        |  4 +++-
 .../es/co/es-co-componentTranslations.json        |  4 +++-
 src/translations/es/es-componentTranslations.json |  4 +++-
 6 files changed, 26 insertions(+), 10 deletions(-)

diff --git a/src/components/ConsentModal.vue b/src/components/ConsentModal.vue
index f9dde82db..de11e28c5 100644
--- a/src/components/ConsentModal.vue
+++ b/src/components/ConsentModal.vue
@@ -17,8 +17,10 @@ import { useConfirm } from 'primevue/useconfirm';
 import { useToast } from 'primevue/usetoast';
 import { marked } from 'marked';
 import { useAuthStore } from '@/store/auth';
+import { useI18n } from 'vue-i18n';
 
 const authStore = useAuthStore();
+const i18n = useI18n();
 
 const props = defineProps({
   consentText: { type: String, require: true, default: 'Text Here' },
@@ -28,6 +30,7 @@ const consentHeader = {
   tos: 'Terms of Service',
   consent: 'Consent',
   assent: 'Assent',
+  'assent-es': 'Asentimiento',
 };
 const emit = defineEmits(['accepted', 'delayed']);
 
@@ -45,15 +48,19 @@ onMounted(() => {
   const delayPromise = delay(8000);
   confirm.require({
     group: 'templating',
-    header: `${consentHeader[props.consentType]} Form`,
+    header: props.consentType.includes('-es')
+      ? `Formulario de ${consentHeader[props.consentType]}`
+      : `${consentHeader[props.consentType]} Form`,
     icon: 'pi pi-question-circle',
-    acceptLabel: 'Continue',
+    acceptLabel: i18n.t('consentModal.acceptButton'),
     acceptIcon: 'pi pi-check',
     accept: async () => {
       toast.add({
         severity: 'info',
-        summary: 'Confirmed',
-        detail: `${consentHeader[props.consentType]} status updated.`,
+        summary: i18n.t('consentModal.toastHeader'),
+        detail: props.consentType.includes('-es')
+          ? `Estado de ${consentHeader[props.consentType]} actualizado`
+          : `${consentHeader[props.consentType]} status updated.`,
         life: 3000,
       });
       emit('accepted');
diff --git a/src/pages/HomeSelector.vue b/src/pages/HomeSelector.vue
index 63d9e00a4..0d7d5bd79 100644
--- a/src/pages/HomeSelector.vue
+++ b/src/pages/HomeSelector.vue
@@ -82,7 +82,7 @@ const isAdmin = computed(() => {
   return true;
 });
 
-const consentType = computed(() => (isAdmin.value ? 'tos' : 'assent'));
+const consentType = computed(() => (isAdmin.value ? 'tos' : i18n.locale.value === 'es' ? 'assent-es' : 'assent'));
 const showConsent = ref(false);
 const confirmText = ref('');
 const consentVersion = ref('');
@@ -130,7 +130,8 @@ watch(isLoading, async (newValue) => {
 const { idle } = useIdle(20 * 60 * 1000); // 10 min
 const confirm = useConfirm();
 const timeLeft = ref(60);
-const { t } = useI18n();
+const i18n = useI18n();
+const t = i18n.t;
 
 watch(idle, (idleValue) => {
   if (idleValue) {
diff --git a/src/translations/en/en-componentTranslations.json b/src/translations/en/en-componentTranslations.json
index c1396688c..74c58979b 100644
--- a/src/translations/en/en-componentTranslations.json
+++ b/src/translations/en/en-componentTranslations.json
@@ -22,7 +22,9 @@
     "cleverLoading": "Loading your data from Clever..."
   },
   "consentModal": {
-    "title": "Consent"
+    "title": "Consent",
+    "acceptButton": "Continue",
+    "toastHeader": "Confirmed"
   },
   "homeParticipant": {
     "showOptionalAssignments": "Show optional assignments",
diff --git a/src/translations/en/us/en-us-componentTranslations.json b/src/translations/en/us/en-us-componentTranslations.json
index c1396688c..74c58979b 100644
--- a/src/translations/en/us/en-us-componentTranslations.json
+++ b/src/translations/en/us/en-us-componentTranslations.json
@@ -22,7 +22,9 @@
     "cleverLoading": "Loading your data from Clever..."
   },
   "consentModal": {
-    "title": "Consent"
+    "title": "Consent",
+    "acceptButton": "Continue",
+    "toastHeader": "Confirmed"
   },
   "homeParticipant": {
     "showOptionalAssignments": "Show optional assignments",
diff --git a/src/translations/es/co/es-co-componentTranslations.json b/src/translations/es/co/es-co-componentTranslations.json
index 6a9048ce0..9393cd012 100644
--- a/src/translations/es/co/es-co-componentTranslations.json
+++ b/src/translations/es/co/es-co-componentTranslations.json
@@ -23,7 +23,9 @@
     "cleverLoading": "Cargando tus datos desde Clever..."
   },
   "consentModal": {
-    "title": "Consentimiento"
+    "title": "Consentimiento",
+    "acceptButton": "Continuar",
+    "toastHeader": "Confirmado"
   },
   "homeParticipant": {
     "showOptionalAssignments": "Mostrar actividades opcionales",
diff --git a/src/translations/es/es-componentTranslations.json b/src/translations/es/es-componentTranslations.json
index 1d0e7dd22..dcc1e3eec 100644
--- a/src/translations/es/es-componentTranslations.json
+++ b/src/translations/es/es-componentTranslations.json
@@ -23,7 +23,9 @@
     "cleverLoading": "Cargando tus datos desde Clever..."
   },
   "consentModal": {
-    "title": "Consentimiento"
+    "title": "Consentimiento",
+    "acceptButton": "Continuar",
+    "toastHeader": "Confirmado"
   },
   "homeParticipant": {
     "showOptionalAssignments": "Mostrar actividades opcionales",

From 5a35daba5266cc63ad212095734bd75d2206d5b9 Mon Sep 17 00:00:00 2001
From: Elijah Kelly <kellyel@stanford.edu>
Date: Tue, 26 Mar 2024 14:55:15 -0700
Subject: [PATCH 23/25] Remove nested ternary

---
 src/pages/HomeSelector.vue | 8 +++++++-
 1 file changed, 7 insertions(+), 1 deletion(-)

diff --git a/src/pages/HomeSelector.vue b/src/pages/HomeSelector.vue
index 0d7d5bd79..e911706b1 100644
--- a/src/pages/HomeSelector.vue
+++ b/src/pages/HomeSelector.vue
@@ -82,7 +82,13 @@ const isAdmin = computed(() => {
   return true;
 });
 
-const consentType = computed(() => (isAdmin.value ? 'tos' : i18n.locale.value === 'es' ? 'assent-es' : 'assent'));
+const consentType = computed(() => {
+  if (isAdmin.value) {
+    return 'tos';
+  } else {
+    return i18n.locale.value.includes('es') ? 'assent-es' : 'assent';
+  }
+});
 const showConsent = ref(false);
 const confirmText = ref('');
 const consentVersion = ref('');

From 249b2f718970cfab9282cf9d6b010915b9fd3cc7 Mon Sep 17 00:00:00 2001
From: Lucas  Song <lucas7song@gmail.com>
Date: Tue, 26 Mar 2024 12:30:25 -1000
Subject: [PATCH 24/25] bump roar-pa to 1.6.5

---
 package.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/package.json b/package.json
index 4e52ee818..6d9b68bfb 100644
--- a/package.json
+++ b/package.json
@@ -28,7 +28,7 @@
     "@bdelab/roar-firekit": "^4.8.10",
     "@bdelab/roar-letter": "^1.10.0",
     "@bdelab/roar-multichoice": "^1.11.0",
-    "@bdelab/roar-pa": "^1.6.4",
+    "@bdelab/roar-pa": "^1.6.5",
     "@bdelab/roar-sre": "^1.13.3",
     "@bdelab/roar-swr": "^1.9.0",
     "@bdelab/roar-utils": "^1.2.0",

From abaf6ec6cbe3756a6eebae6250c0e1cab9f86e3a Mon Sep 17 00:00:00 2001
From: Lucas  Song <lucas7song@gmail.com>
Date: Tue, 26 Mar 2024 12:39:36 -1000
Subject: [PATCH 25/25] update package-lock

---
 package-lock.json | 21 +++++++++------------
 1 file changed, 9 insertions(+), 12 deletions(-)

diff --git a/package-lock.json b/package-lock.json
index 4cb0301ac..cac45b966 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -12,7 +12,7 @@
         "@bdelab/roar-firekit": "^4.8.10",
         "@bdelab/roar-letter": "^1.10.0",
         "@bdelab/roar-multichoice": "^1.11.0",
-        "@bdelab/roar-pa": "^1.6.4",
+        "@bdelab/roar-pa": "^1.6.5",
         "@bdelab/roar-sre": "^1.13.3",
         "@bdelab/roar-swr": "^1.9.0",
         "@bdelab/roar-utils": "^1.2.0",
@@ -2085,9 +2085,9 @@
       }
     },
     "node_modules/@bdelab/roar-pa": {
-      "version": "1.6.4",
-      "resolved": "https://registry.npmjs.org/@bdelab/roar-pa/-/roar-pa-1.6.4.tgz",
-      "integrity": "sha512-jm+NYvmRZPNcuMZCV0Jc4V+TyiyDQ0qs5SLKOkI104A4wj7ndRYOz+IsZfBxs1RdA+Xk05aMoS7y4mCbUHGG2w==",
+      "version": "1.6.5",
+      "resolved": "https://registry.npmjs.org/@bdelab/roar-pa/-/roar-pa-1.6.5.tgz",
+      "integrity": "sha512-EnMF9u/Eo8stdvVlQiGX4EtoFNyT9fNSvGyhRYwgN5bY7wPmOR0OliiXM+Z7mg557LRBY7/BUvu0IS3EDTZzzA==",
       "dependencies": {
         "@babel/core": "^7.19.0",
         "@babel/preset-env": "^7.19.0",
@@ -24519,11 +24519,9 @@
       }
     },
     "node_modules/vega-embed/node_modules/yallist": {
-      "version": "4.0.0",
       "resolved": "https://registry.npmjs.org/yallist/-/yallist-4.0.0.tgz",
       "integrity": "sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A==",
-      "inBundle": true,
-      "license": "ISC"
+      "inBundle": true
     },
     "node_modules/vega-encode": {
       "version": "4.9.2",
@@ -27488,9 +27486,9 @@
       }
     },
     "@bdelab/roar-pa": {
-      "version": "1.6.4",
-      "resolved": "https://registry.npmjs.org/@bdelab/roar-pa/-/roar-pa-1.6.4.tgz",
-      "integrity": "sha512-jm+NYvmRZPNcuMZCV0Jc4V+TyiyDQ0qs5SLKOkI104A4wj7ndRYOz+IsZfBxs1RdA+Xk05aMoS7y4mCbUHGG2w==",
+      "version": "1.6.5",
+      "resolved": "https://registry.npmjs.org/@bdelab/roar-pa/-/roar-pa-1.6.5.tgz",
+      "integrity": "sha512-EnMF9u/Eo8stdvVlQiGX4EtoFNyT9fNSvGyhRYwgN5bY7wPmOR0OliiXM+Z7mg557LRBY7/BUvu0IS3EDTZzzA==",
       "requires": {
         "@babel/core": "^7.19.0",
         "@babel/preset-env": "^7.19.0",
@@ -43278,8 +43276,7 @@
           }
         },
         "yallist": {
-          "version": "4.0.0",
-          "resolved": "https://registry.npmjs.org/yallist/-/yallist-4.0.0.tgz",
+          "version": "https://registry.npmjs.org/yallist/-/yallist-4.0.0.tgz",
           "integrity": "sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A==",
           "bundled": true
         }