@cuemath/leap 3.0.7-hg1 → 3.0.7-hg3

package/dist/features/worksheet/worksheet/hooks/use-time-on-questions.js

@@ -0,0 +1,37 @@
+import { useRef as m, useCallback as l, useEffect as f } from "react";
+import b from "../../../hooks/use-previous.js";
+const h = (p, v, n) => {
+  const r = m(
+    Object.entries(v).reduce((e, [s, a]) => (e[s] = (a == null ? void 0 : a.timeSpent) ?? 0, e), {})
+  ), c = m(n), t = m(Date.now()), u = b(n), { canAttempt: i } = p, S = l(
+    (e) => e !== c.current ? r.current[e] ?? 0 : e && t.current && i ? (r.current[e] ?? 0) + (Date.now() - t.current) : r.current[e] ?? 0,
+    [i]
+  );
+  f(() => {
+    c.current = n;
+  }, [n]);
+  const o = l(() => {
+    if (document.visibilityState === "hidden" && t.current && c.current) {
+      const e = Date.now() - t.current;
+      r.current[c.current] = (r.current[c.current] ?? 0) + e, t.current = null;
+    } else document.visibilityState === "visible" && !t.current && (t.current = Date.now());
+  }, []);
+  return f(() => {
+    if (i)
+      return document.addEventListener("visibilitychange", o), () => {
+        document.removeEventListener("visibilitychange", o);
+      };
+  }, [i, o]), f(() => {
+    if (!(!n || !i) && u !== n) {
+      if (t.current && u) {
+        const e = r.current[u] ?? 0, s = Date.now() - t.current;
+        r.current[u] = e + s;
+      }
+      t.current = Date.now();
+    }
+  }, [i, u, n]), S;
+};
+export {
+  h as default
+};
+//# sourceMappingURL=use-time-on-questions.js.map

package/dist/features/worksheet/worksheet/hooks/use-time-on-questions.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-time-on-questions.js","sources":["../../../../../src/features/worksheet/worksheet/hooks/use-time-on-questions.ts"],"sourcesContent":["import type { IWorksheetBehavior, IWorksheetResponse } from '../worksheet-types';\n\nimport { useEffect, useRef, useCallback } from 'react';\n\nimport usePrevious from '../../../hooks/use-previous';\n\nconst useTimeSpentOnQuestions = (\n  behavior: IWorksheetBehavior,\n  responses: Record<string, IWorksheetResponse>,\n  questionId?: string,\n) => {\n  const timeSpentRef = useRef<Record<string, number>>(\n    Object.entries(responses).reduce((acc: Record<string, number>, [qId, res]) => {\n      acc[qId] = res?.timeSpent ?? 0;\n\n      return acc;\n    }, {}),\n  );\n  const currentQuestionIdRef = useRef<string | undefined>(questionId);\n\n  const startTimeRef = useRef<number | null>(Date.now());\n  const previousQuestionId = usePrevious(questionId);\n\n  const { canAttempt } = behavior;\n\n  const getTimeSpentOnQuestion = useCallback(\n    (qId: string) => {\n      if (qId !== currentQuestionIdRef.current) {\n        return timeSpentRef.current[qId] ?? 0;\n      }\n\n      if (qId && startTimeRef.current && canAttempt) {\n        return (timeSpentRef.current[qId] ?? 0) + (Date.now() - startTimeRef.current);\n      }\n\n      return timeSpentRef.current[qId] ?? 0;\n    },\n    [canAttempt],\n  );\n\n  useEffect(() => {\n    currentQuestionIdRef.current = questionId;\n  }, [questionId]);\n\n  const handleVisibilityChange = useCallback(() => {\n    if (\n      document.visibilityState === 'hidden' &&\n      startTimeRef.current &&\n      currentQuestionIdRef.current\n    ) {\n      const timeSpentInMs = Date.now() - startTimeRef.current;\n\n      timeSpentRef.current[currentQuestionIdRef.current] =\n        (timeSpentRef.current[currentQuestionIdRef.current] ?? 0) + timeSpentInMs;\n      startTimeRef.current = null;\n    } else if (document.visibilityState === 'visible' && !startTimeRef.current) {\n      startTimeRef.current = Date.now();\n    }\n  }, []);\n\n  useEffect(() => {\n    if (!canAttempt) return;\n    document.addEventListener('visibilitychange', handleVisibilityChange);\n\n    return () => {\n      document.removeEventListener('visibilitychange', handleVisibilityChange);\n    };\n  }, [canAttempt, handleVisibilityChange]);\n\n  useEffect(() => {\n    if (!questionId || !canAttempt) return;\n\n    if (previousQuestionId !== questionId) {\n      if (startTimeRef.current && previousQuestionId) {\n        const prevTimeSpent = timeSpentRef.current[previousQuestionId] ?? 0;\n        const timeSpentInMs = Date.now() - startTimeRef.current;\n\n        timeSpentRef.current[previousQuestionId] = prevTimeSpent + timeSpentInMs;\n      }\n      startTimeRef.current = Date.now();\n    }\n  }, [canAttempt, previousQuestionId, questionId]);\n\n  return getTimeSpentOnQuestion;\n};\n\nexport default useTimeSpentOnQuestions;\n"],"names":["useTimeSpentOnQuestions","behavior","responses","questionId","timeSpentRef","useRef","acc","qId","res","currentQuestionIdRef","startTimeRef","previousQuestionId","usePrevious","canAttempt","getTimeSpentOnQuestion","useCallback","useEffect","handleVisibilityChange","timeSpentInMs","prevTimeSpent"],"mappings":";;AAMA,MAAMA,IAA0B,CAC9BC,GACAC,GACAC,MACG;AACH,QAAMC,IAAeC;AAAA,IACnB,OAAO,QAAQH,CAAS,EAAE,OAAO,CAACI,GAA6B,CAACC,GAAKC,CAAG,OAClEF,EAAAC,CAAG,KAAIC,KAAA,gBAAAA,EAAK,cAAa,GAEtBF,IACN,EAAE;AAAA,EAAA,GAEDG,IAAuBJ,EAA2BF,CAAU,GAE5DO,IAAeL,EAAsB,KAAK,IAAK,CAAA,GAC/CM,IAAqBC,EAAYT,CAAU,GAE3C,EAAE,YAAAU,EAAe,IAAAZ,GAEjBa,IAAyBC;AAAA,IAC7B,CAACR,MACKA,MAAQE,EAAqB,UACxBL,EAAa,QAAQG,CAAG,KAAK,IAGlCA,KAAOG,EAAa,WAAWG,KACzBT,EAAa,QAAQG,CAAG,KAAK,MAAM,KAAK,QAAQG,EAAa,WAGhEN,EAAa,QAAQG,CAAG,KAAK;AAAA,IAEtC,CAACM,CAAU;AAAA,EAAA;AAGb,EAAAG,EAAU,MAAM;AACd,IAAAP,EAAqB,UAAUN;AAAA,EAAA,GAC9B,CAACA,CAAU,CAAC;AAET,QAAAc,IAAyBF,EAAY,MAAM;AAC/C,QACE,SAAS,oBAAoB,YAC7BL,EAAa,WACbD,EAAqB,SACrB;AACA,YAAMS,IAAgB,KAAK,IAAI,IAAIR,EAAa;AAEnC,MAAAN,EAAA,QAAQK,EAAqB,OAAO,KAC9CL,EAAa,QAAQK,EAAqB,OAAO,KAAK,KAAKS,GAC9DR,EAAa,UAAU;AAAA,IAAA,OACd,SAAS,oBAAoB,aAAa,CAACA,EAAa,YACpDA,EAAA,UAAU,KAAK;EAEhC,GAAG,CAAE,CAAA;AAEL,SAAAM,EAAU,MAAM;AACd,QAAKH;AACI,sBAAA,iBAAiB,oBAAoBI,CAAsB,GAE7D,MAAM;AACF,iBAAA,oBAAoB,oBAAoBA,CAAsB;AAAA,MAAA;AAAA,EACzE,GACC,CAACJ,GAAYI,CAAsB,CAAC,GAEvCD,EAAU,MAAM;AACV,QAAA,GAACb,KAAc,CAACU,MAEhBF,MAAuBR,GAAY;AACjC,UAAAO,EAAa,WAAWC,GAAoB;AAC9C,cAAMQ,IAAgBf,EAAa,QAAQO,CAAkB,KAAK,GAC5DO,IAAgB,KAAK,IAAI,IAAIR,EAAa;AAEnC,QAAAN,EAAA,QAAQO,CAAkB,IAAIQ,IAAgBD;AAAA,MAC7D;AACa,MAAAR,EAAA,UAAU,KAAK;IAC9B;AAAA,EACC,GAAA,CAACG,GAAYF,GAAoBR,CAAU,CAAC,GAExCW;AACT;"}

package/dist/features/worksheet/worksheet/hooks/use-worksheet-data-helper.js

@@ -0,0 +1,108 @@
+import { captureMessage as K } from "@sentry/browser";
+import { useState as y, useRef as R, useCallback as k, useEffect as o } from "react";
+import r from "../../constants/events.js";
+import $ from "../../learnosity-preloader/use-is-learnosity-loaded.js";
+import { useGetAttemptResponses as b } from "../api/attempt-responses.js";
+const U = ({
+  attemptId: n,
+  signedRequest: S,
+  loggerRef: t
+}) => {
+  const [T, l] = y(), { scriptStatus: e, loadedAPIURL: E, downloadScript: v } = $(), c = R(), [f, I] = y(), [P, M] = y(), {
+    isProcessed: u,
+    data: W,
+    get: O,
+    error: s
+  } = b(n), A = k(
+    async (w) => {
+      const { security: L, request: i } = JSON.parse(S), d = new URLSearchParams();
+      d.append("action", "get"), d.append("security", JSON.stringify(L)), d.append("request", JSON.stringify(i));
+      try {
+        const p = w.replace("questions", "items").replace("?v", "v");
+        t.current(r.WORKSHEET_V3_ITEMS_LOADING);
+        const _ = await fetch(
+          `${p}/activity?&a=get&c=${L.consumer_key}&s=${i.session_id}`,
+          {
+            method: "POST",
+            headers: {
+              "Content-Type": "application/x-www-form-urlencoded; charset=UTF-8"
+            },
+            body: d.toString()
+          }
+        );
+        if (!_.ok) {
+          const a = await _.json();
+          t.current(r.WORKSHEET_V3_ITEMS_FAILED, {
+            is_invalid_activity: !0,
+            activity_template_id: i.activity_template_id,
+            error_message: a.meta.message,
+            error_code: a.meta.code
+          }), K(a.meta.message, {
+            extra: {
+              error_code: a.meta.code
+            },
+            tags: {
+              "content-type": "learnosity",
+              "activity-reference": i.activity_template_id
+            },
+            fingerprint: [`invalid-activity-${i.activity_template_id}`]
+            // Add unique fingerprint
+          }), l("Failed to fetch Learnosity items");
+          return;
+        }
+        const H = await _.json();
+        t.current(r.WORKSHEET_V3_ITEMS_LOADED), M(i.activity_template_id), I(() => {
+          const { items: a, tags: N } = H.data.apiActivity;
+          return a.map((h) => {
+            var D;
+            const m = N[h.reference], V = (D = m == null ? void 0 : m.find((F) => F.startsWith("Item Type:"))) == null ? void 0 : D.split(":")[1];
+            return {
+              ...h,
+              itemType: V,
+              tags: m ?? []
+            };
+          });
+        });
+      } catch (p) {
+        const _ = p instanceof Error ? p.message : "Failed to fetch Learnosity items";
+        t.current(r.WORKSHEET_V3_ITEMS_FAILED, {
+          is_invalid_activity: !1,
+          activity_template_id: i.activity_template_id,
+          error_message: _
+        }), l("Failed to fetch Learnosity items");
+      }
+    },
+    [t, S]
+  );
+  return o(() => {
+    e === "loaded" && E && (t.current(r.WORKSHEET_V3_SCRIPT_READY), A(E));
+  }, [A, E, t, e]), o(() => {
+    n && (t.current(r.WORKSHEET_V3_ATTEMPT_RESPONSES_LOADING), O(n));
+  }, [O, n, t]), o(() => {
+    u && t.current(r.WORKSHEET_V3_ATTEMPT_RESPONSES_LOADED);
+  }, [u, t]), o(() => {
+    s && t.current(r.WORKSHEET_V3_ATTEMPT_RESPONSES_FAILED, {
+      errorMessage: s.message
+    });
+  }, [s, t]), o(() => {
+    c.current === void 0 && e === "error" && v();
+  }, [v, e]), o(() => {
+    (c.current !== void 0 || e !== "error" && c.current === void 0) && (c.current = e);
+  }, [e]), f && (!n || u) ? {
+    loadingState: "success",
+    learnosityActivityRef: P,
+    data: {
+      learnosityItems: f,
+      responses: W ?? void 0
+    }
+  } : T || s || c.current !== void 0 && e === "error" ? {
+    loadingState: "error",
+    error: e === "error" ? "Learnosity script failed to load" : T ?? (s == null ? void 0 : s.message) ?? "Error loading worksheet"
+  } : {
+    loadingState: "loading"
+  };
+};
+export {
+  U as default
+};
+//# sourceMappingURL=use-worksheet-data-helper.js.map

package/dist/features/worksheet/worksheet/hooks/use-worksheet-data-helper.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-worksheet-data-helper.js","sources":["../../../../../src/features/worksheet/worksheet/hooks/use-worksheet-data-helper.ts"],"sourcesContent":["import type { ILearnosityItem, IWorksheetResponse, TItemType } from '../worksheet-types';\nimport type { MutableRefObject } from 'react';\n\nimport { captureMessage } from '@sentry/browser';\nimport { useCallback, useEffect, useRef, useState } from 'react';\n\nimport EVENTS from '../../constants/events';\nimport useIsLearnosityLoaded from '../../learnosity-preloader/use-is-learnosity-loaded';\nimport { useGetAttemptResponses } from '../api/attempt-responses';\n\ntype TLoadingState = 'loading' | 'success' | 'error';\ninterface IUseWorksheetDataHelper {\n  (params: {\n    attemptId?: string;\n    signedRequest: string;\n    loggerRef: MutableRefObject<(event: string, data?: Record<string, unknown>) => void>;\n  }): {\n    loadingState: TLoadingState;\n    error?: string;\n    data?: {\n      learnosityItems: ILearnosityItem[];\n      responses?: Record<string, IWorksheetResponse>;\n    };\n    learnosityActivityRef?: string;\n  };\n}\n\ninterface ILearnosityActivityError {\n  meta: {\n    code: number;\n    message: string;\n  };\n}\n\ninterface ILearnosityActivityData {\n  data: {\n    apiActivity: {\n      items: ILearnosityItem[];\n      tags: Record<string, string[]>;\n    };\n  };\n}\n\nconst useWorksheetDataHelper: IUseWorksheetDataHelper = ({\n  attemptId,\n  signedRequest,\n  loggerRef,\n}) => {\n  const [error, setError] = useState<string>();\n  const { scriptStatus, loadedAPIURL, downloadScript } = useIsLearnosityLoaded();\n  const prevScriptStatusRef = useRef<typeof scriptStatus>();\n  const [learnosityItems, setLearnosityItems] = useState<ILearnosityItem[]>();\n  const [learnosityActivityRef, setLearnosityActivityRef] = useState<string>();\n\n  const {\n    isProcessed: isAttempsDataFetched,\n    data: responsesData,\n    get: getAttemptResponses,\n    error: attemptResponsesError,\n  } = useGetAttemptResponses(attemptId);\n\n  const fetchLearnosityItems = useCallback(\n    async (apiURL: string) => {\n      const { security, request } = JSON.parse(signedRequest) as {\n        security: {\n          consumer_key: string;\n        };\n        request: {\n          session_id: string;\n          activity_template_id?: string;\n        };\n      };\n      const bodyData = new URLSearchParams();\n\n      bodyData.append('action', 'get');\n      bodyData.append('security', JSON.stringify(security));\n      bodyData.append('request', JSON.stringify(request));\n\n      try {\n        const url = apiURL.replace('questions', 'items').replace('?v', 'v');\n\n        loggerRef.current(EVENTS.WORKSHEET_V3_ITEMS_LOADING);\n        const response = await fetch(\n          `${url}/activity?&a=get&c=${security.consumer_key}&s=${request.session_id}`,\n          {\n            method: 'POST',\n            headers: {\n              'Content-Type': 'application/x-www-form-urlencoded; charset=UTF-8',\n            },\n            body: bodyData.toString(),\n          },\n        );\n\n        if (!response.ok) {\n          const err: ILearnosityActivityError = await response.json();\n\n          loggerRef.current(EVENTS.WORKSHEET_V3_ITEMS_FAILED, {\n            is_invalid_activity: true,\n            activity_template_id: request.activity_template_id,\n            error_message: err.meta.message,\n            error_code: err.meta.code,\n          });\n\n          captureMessage(err.meta.message, {\n            extra: {\n              error_code: err.meta.code,\n            },\n            tags: {\n              'content-type': 'learnosity',\n              'activity-reference': request.activity_template_id,\n            },\n            fingerprint: [`invalid-activity-${request.activity_template_id}`], // Add unique fingerprint\n          });\n\n          setError('Failed to fetch Learnosity items');\n\n          return;\n        }\n\n        const json: ILearnosityActivityData = await response.json();\n\n        loggerRef.current(EVENTS.WORKSHEET_V3_ITEMS_LOADED);\n        setLearnosityActivityRef(request.activity_template_id);\n        setLearnosityItems(() => {\n          const { items, tags: allTags } = json.data.apiActivity;\n\n          return items.map(item => {\n            const tags = allTags[item.reference];\n\n            const itemType = tags?.find(tag => tag.startsWith('Item Type:'))?.split(':')[1] as\n              | TItemType\n              | undefined;\n\n            return {\n              ...item,\n              itemType: itemType,\n              tags: tags ?? [],\n            };\n          });\n        });\n      } catch (err) {\n        const errorMessage =\n          err instanceof Error ? err.message : 'Failed to fetch Learnosity items';\n\n        loggerRef.current(EVENTS.WORKSHEET_V3_ITEMS_FAILED, {\n          is_invalid_activity: false,\n          activity_template_id: request.activity_template_id,\n          error_message: errorMessage,\n        });\n        setError('Failed to fetch Learnosity items');\n      }\n    },\n    [loggerRef, signedRequest],\n  );\n\n  useEffect(() => {\n    if (scriptStatus === 'loaded' && loadedAPIURL) {\n      loggerRef.current(EVENTS.WORKSHEET_V3_SCRIPT_READY);\n      fetchLearnosityItems(loadedAPIURL);\n    }\n  }, [fetchLearnosityItems, loadedAPIURL, loggerRef, scriptStatus]);\n\n  useEffect(() => {\n    if (attemptId) {\n      loggerRef.current(EVENTS.WORKSHEET_V3_ATTEMPT_RESPONSES_LOADING);\n      getAttemptResponses(attemptId);\n    }\n  }, [getAttemptResponses, attemptId, loggerRef]);\n\n  useEffect(() => {\n    if (isAttempsDataFetched) loggerRef.current(EVENTS.WORKSHEET_V3_ATTEMPT_RESPONSES_LOADED);\n  }, [isAttempsDataFetched, loggerRef]);\n\n  useEffect(() => {\n    if (attemptResponsesError)\n      loggerRef.current(EVENTS.WORKSHEET_V3_ATTEMPT_RESPONSES_FAILED, {\n        errorMessage: attemptResponsesError.message,\n      });\n  }, [attemptResponsesError, loggerRef]);\n\n  useEffect(() => {\n    // Only on mount and if script failed to load handle the download\n    if (prevScriptStatusRef.current === undefined && scriptStatus === 'error') {\n      downloadScript();\n    }\n  }, [downloadScript, scriptStatus]);\n\n  useEffect(() => {\n    // Save the previous script status only if it's not undefined or if the current status is not error\n    if (\n      prevScriptStatusRef.current !== undefined ||\n      (scriptStatus !== 'error' && prevScriptStatusRef.current === undefined)\n    ) {\n      prevScriptStatusRef.current = scriptStatus;\n    }\n  }, [scriptStatus]);\n\n  if (learnosityItems && (!attemptId || isAttempsDataFetched)) {\n    return {\n      loadingState: 'success',\n      learnosityActivityRef,\n      data: {\n        learnosityItems,\n        responses: responsesData ?? undefined,\n      },\n    };\n  }\n\n  if (\n    error ||\n    attemptResponsesError ||\n    (prevScriptStatusRef.current !== undefined && scriptStatus === 'error')\n  ) {\n    return {\n      loadingState: 'error',\n      error:\n        scriptStatus === 'error'\n          ? 'Learnosity script failed to load'\n          : error ?? attemptResponsesError?.message ?? 'Error loading worksheet',\n    };\n  }\n\n  return {\n    loadingState: 'loading',\n  };\n};\n\nexport default useWorksheetDataHelper;\n"],"names":["useWorksheetDataHelper","attemptId","signedRequest","loggerRef","error","setError","useState","scriptStatus","loadedAPIURL","downloadScript","useIsLearnosityLoaded","prevScriptStatusRef","useRef","learnosityItems","setLearnosityItems","learnosityActivityRef","setLearnosityActivityRef","isAttempsDataFetched","responsesData","getAttemptResponses","attemptResponsesError","useGetAttemptResponses","fetchLearnosityItems","useCallback","apiURL","security","request","bodyData","url","EVENTS","response","err","captureMessage","json","items","allTags","item","tags","itemType","_a","tag","errorMessage","useEffect"],"mappings":"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"}

package/dist/features/worksheet/worksheet/question-tips.js

@@ -0,0 +1,92 @@
+import { jsx as n, jsxs as $ } from "react/jsx-runtime";
+import { memo as g, useRef as u, useState as C, useMemo as E, useCallback as T, useLayoutEffect as k, useEffect as I } from "react";
+import l from "styled-components";
+import w from "../../../assets/line-icons/icons/up.js";
+import y from "../../ui/buttons/clickable/clickable.js";
+import p from "../../ui/layout/flex-view.js";
+import { ACTION_BAR_HEIGHT as f } from "./constants.js";
+import { CustomElement as _ } from "./worksheet-question/worksheet-question-styled.js";
+const R = l(p)(({ $isExpanded: r, theme: t }) => {
+  const { layout: a, colors: e, zIndex: d } = t;
+  return `
+    position: absolute;
+    bottom: 0px;
+    z-index: ${d.QUESTION_TIPS};
+    max-height: calc(${a.gutter * 2}px + ${f}px);
+    
+    border-radius: 6px 6px 0px 0px;
+    background: ${e.REAL_BLACK_60};
+    backdrop-filter: blur(8px);
+    align-self: center;
+    
+    ${r && `
+        max-height: calc(${a.gutter * 15.625}px + ${f}px);
+        overflow-y: auto;
+
+        @supports selector(::-webkit-scrollbar) {
+          &::-webkit-scrollbar {
+            border-top-right-radius: 6px;
+            width: 8px;
+            background-color: ${e.WHITE};
+          }
+  
+          &::-webkit-scrollbar-thumb {
+            border-top-right-radius: 6px;
+            border-bottom-right-radius: 6px;
+            background: ${e.REAL_BLACK_60};
+          }
+        }
+      `}
+  `;
+}), A = l(p)`
+  padding: 8px 12px;
+
+  & * {
+    background-color: transparent !important;
+  }
+`, H = l(_)(
+  ({ theme: r, $isExpanded: t }) => `
+    color: ${r.colors.WHITE};
+    padding: 0px 0px ${f}px;
+    ${t ? "" : "& > * { display: inline; }"}
+    font-family: 'UntitledSans-Regular';
+
+    &::before {
+      content: 'CUE DON’T TELL:';
+      font-family: 'Athletics-Bold';
+      margin-right: 8px;
+      ${t ? " display: block; margin-bottom: 8px;" : ""}
+    }
+  `
+), L = l(p)`
+  position: sticky;
+  top: 8px;
+`, S = l(w)(({ $isExpanded: r, theme: t }) => `
+    transform: rotate(${r ? 180 : 0}deg);
+    transition: transform 0.3s ease;
+    color: ${t.colors.WHITE};
+    cursor: pointer;
+  `), G = g(({ width: r, question: t, userType: a, learnosity: e }) => {
+  const d = u(null), c = u(null), m = u(""), [i, x] = C(!1), { teacher_tips: o } = (t == null ? void 0 : t.metadata) || {}, s = E(() => o == null ? void 0 : o.toString(), [o]), b = T(() => {
+    m.current && c.current && x((h) => !h);
+  }, []);
+  return k(() => {
+    c.current && o && (m.current = c.current.textContent, e.renderMath("mathjax"));
+  }, [e, o]), I(() => {
+    s || x(!1);
+  }, [s]), a !== "TEACHER" || !s ? null : /* @__PURE__ */ n(R, { ref: d, $width: r, $isExpanded: i, children: /* @__PURE__ */ n(y, { label: "Teacher Tip", onClick: i ? void 0 : b, children: /* @__PURE__ */ $(A, { $flexDirection: "row", $flexGap: 10, $justifyContent: "space-between", children: [
+    /* @__PURE__ */ n(p, { $flexDirection: "row", $flexGap: 5, children: /* @__PURE__ */ n(
+      H,
+      {
+        ref: c,
+        dangerouslySetInnerHTML: { __html: s },
+        $isExpanded: i
+      }
+    ) }),
+    /* @__PURE__ */ n(L, { $width: 20, $height: 20, children: /* @__PURE__ */ n(S, { $isExpanded: i, onClick: i ? b : void 0 }) })
+  ] }) }) });
+});
+export {
+  G as default
+};
+//# sourceMappingURL=question-tips.js.map

package/dist/features/worksheet/worksheet/question-tips.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"question-tips.js","sources":["../../../../src/features/worksheet/worksheet/question-tips.tsx"],"sourcesContent":["import type { TUserTypes } from '../../ui/types';\nimport type { ILearnosity, IWorksheetQuestion } from './worksheet-types';\nimport type { FC } from 'react';\n\nimport { memo, useCallback, useEffect, useLayoutEffect, useMemo, useRef, useState } from 'react';\nimport styled from 'styled-components';\n\nimport UpIcon from '../../../assets/line-icons/icons/up';\nimport Clickable from '../../ui/buttons/clickable/clickable';\nimport FlexView from '../../ui/layout/flex-view';\nimport { ACTION_BAR_HEIGHT } from './constants';\nimport { CustomElement } from './worksheet-question/worksheet-question-styled';\n\ntype TStyledComponentProps = {\n  $isExpanded: boolean;\n};\n\nconst Wrapper = styled(FlexView)<TStyledComponentProps>(({ $isExpanded, theme }) => {\n  const { layout, colors, zIndex } = theme;\n\n  return `\n    position: absolute;\n    bottom: 0px;\n    z-index: ${zIndex.QUESTION_TIPS};\n    max-height: calc(${layout.gutter * 2}px + ${ACTION_BAR_HEIGHT}px);\n    \n    border-radius: 6px 6px 0px 0px;\n    background: ${colors.REAL_BLACK_60};\n    backdrop-filter: blur(8px);\n    align-self: center;\n    \n    ${\n      $isExpanded &&\n      `\n        max-height: calc(${layout.gutter * 15.625}px + ${ACTION_BAR_HEIGHT}px);\n        overflow-y: auto;\n\n        @supports selector(::-webkit-scrollbar) {\n          &::-webkit-scrollbar {\n            border-top-right-radius: 6px;\n            width: 8px;\n            background-color: ${colors.WHITE};\n          }\n  \n          &::-webkit-scrollbar-thumb {\n            border-top-right-radius: 6px;\n            border-bottom-right-radius: 6px;\n            background: ${colors.REAL_BLACK_60};\n          }\n        }\n      `\n    }\n  `;\n});\n\nconst Header = styled(FlexView)`\n  padding: 8px 12px;\n\n  & * {\n    background-color: transparent !important;\n  }\n`;\n\nconst TipText = styled(CustomElement)<TStyledComponentProps>(\n  ({ theme, $isExpanded }) => `\n    color: ${theme.colors.WHITE};\n    padding: 0px 0px ${ACTION_BAR_HEIGHT}px;\n    ${$isExpanded ? '' : `& > * { display: inline; }`}\n    font-family: 'UntitledSans-Regular';\n\n    &::before {\n      content: 'CUE DON’T TELL:';\n      font-family: 'Athletics-Bold';\n      margin-right: 8px;\n      ${$isExpanded ? ` display: block; margin-bottom: 8px;` : ''}\n    }\n  `,\n);\n\nconst ChevIconWrapper = styled(FlexView)`\n  position: sticky;\n  top: 8px;\n`;\n\nconst ChevIcon = styled(UpIcon)<TStyledComponentProps>(({ $isExpanded, theme }) => {\n  return `\n    transform: rotate(${$isExpanded ? 180 : 0}deg);\n    transition: transform 0.3s ease;\n    color: ${theme.colors.WHITE};\n    cursor: pointer;\n  `;\n});\n\ninterface IQuestionTips {\n  width: number | string;\n  userType: TUserTypes;\n  learnosity: ILearnosity;\n  question?: IWorksheetQuestion;\n}\n\nconst QuestionTips: FC<IQuestionTips> = memo(({ width, question, userType, learnosity }) => {\n  const containerRef = useRef<HTMLDivElement>(null);\n  const tipRef = useRef<HTMLDivElement>(null);\n  const tipContentRef = useRef<string | null>('');\n\n  const [menuVisible, setMenuVisible] = useState(false);\n\n  const { teacher_tips: tips } = question?.metadata || {};\n\n  const tipsMemoized = useMemo(() => {\n    return tips?.toString();\n  }, [tips]);\n\n  const handleClick = useCallback(() => {\n    if (tipContentRef.current && tipRef.current) {\n      setMenuVisible(prev => !prev);\n    }\n  }, []);\n\n  useLayoutEffect(() => {\n    if (tipRef.current && tips) {\n      tipContentRef.current = tipRef.current.textContent;\n\n      learnosity.renderMath('mathjax');\n    }\n  }, [learnosity, tips]);\n\n  useEffect(() => {\n    if (!tipsMemoized) {\n      setMenuVisible(false);\n    }\n  }, [tipsMemoized]);\n\n  if (userType !== 'TEACHER' || !tipsMemoized) return null;\n\n  return (\n    <Wrapper ref={containerRef} $width={width} $isExpanded={menuVisible}>\n      <Clickable label=\"Teacher Tip\" onClick={!menuVisible ? handleClick : undefined}>\n        <Header $flexDirection=\"row\" $flexGap={10} $justifyContent=\"space-between\">\n          <FlexView $flexDirection=\"row\" $flexGap={5}>\n            <TipText\n              ref={tipRef}\n              dangerouslySetInnerHTML={{ __html: tipsMemoized }}\n              $isExpanded={menuVisible}\n            />\n          </FlexView>\n\n          <ChevIconWrapper $width={20} $height={20}>\n            <ChevIcon $isExpanded={menuVisible} onClick={menuVisible ? handleClick : undefined} />\n          </ChevIconWrapper>\n        </Header>\n      </Clickable>\n    </Wrapper>\n  );\n});\n\nexport default QuestionTips;\n"],"names":["Wrapper","styled","FlexView","$isExpanded","theme","layout","colors","zIndex","ACTION_BAR_HEIGHT","Header","TipText","CustomElement","ChevIconWrapper","ChevIcon","UpIcon","QuestionTips","memo","width","question","userType","learnosity","containerRef","useRef","tipRef","tipContentRef","menuVisible","setMenuVisible","useState","tips","tipsMemoized","useMemo","handleClick","useCallback","prev","useLayoutEffect","useEffect","jsx","Clickable","jsxs"],"mappings":"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"}

package/dist/features/worksheet/worksheet/worksheet-action-bar/worksheet-action-bar.js

@@ -0,0 +1,161 @@
+import { jsx as e, jsxs as b, Fragment as B } from "react/jsx-runtime";
+import { memo as L, useState as M, useCallback as i } from "react";
+import Y from "../../../../assets/line-icons/icons/calculator.js";
+import Z from "../../../../assets/line-icons/icons/down.js";
+import ee from "../../../../assets/line-icons/icons/up.js";
+import oe from "../../../cue-canvas/toolbar/toolbar.js";
+import ne from "../../../ui/buttons/button/button.js";
+import te from "../../../ui/layout/flex-view.js";
+import { scrollToQuestion as se } from "../worksheet-helpers.js";
+import ie from "../worksheet-questions-controller/scribble-switch.js";
+import re from "../worksheet-questions-controller/worksheet-questions-controller.js";
+import ae from "../worksheet-questions-summary/worksheet-questions-summary.js";
+import { IconContainer as le, SummaryWrapper as me } from "../worksheet-styled.js";
+import ce from "../worksheet-summary-controller/worksheet-summary-controller.js";
+const ve = L(($) => {
+  const {
+    userType: m,
+    layout: f,
+    behavior: r,
+    worksheetName: A,
+    questions: o,
+    responses: t,
+    activeQuestionIndex: s,
+    lastUnlockedQuestionIndex: h,
+    appendedQuestionIds: W,
+    learnosity: q,
+    isCanvasEnabled: R,
+    isScribblingEnabled: S,
+    isSummaryVisible: k,
+    setIsScribblingEnabled: O,
+    setActiveQuestionId: c,
+    setResponses: V,
+    getTimeSpentOnQuestion: j,
+    setBlocker: F,
+    setSummaryVisible: u,
+    showCalculator: G,
+    onItemNumberClick: C,
+    onTeacherValidation: N,
+    onGoToReview: I,
+    onResponseChange: D,
+    onHelp: E,
+    onSubmit: a,
+    onCalculatorOpen: U,
+    canSubmitWorksheet: g,
+    loggerRef: y,
+    onSkip: _,
+    canToggleScribbling: z
+  } = $, { navigationBar: H, questionsScrollable: w } = f, p = o[s], { response_id: l } = p ?? {}, [Q, d] = M(!1), P = l ? W.includes(l) : !1, X = i(
+    (n) => {
+      d(!1), C(n);
+    },
+    [C]
+  ), J = i(() => {
+    d(!1), I();
+  }, [I]), v = i(() => {
+    d((n) => !n);
+  }, []), K = i(() => {
+    var T;
+    u(!1);
+    const n = (T = o[o.length - 1]) == null ? void 0 : T.response_id;
+    n && (w ? requestAnimationFrame(() => se(n)) : c(n));
+  }, [o, w, c, u]), x = i(() => {
+    a == null || a(t);
+  }, [a, t]);
+  return k ? /* @__PURE__ */ e(
+    ce,
+    {
+      onBack: K,
+      behavior: r,
+      onSubmit: x,
+      canSubmitWorksheet: !!g
+    }
+  ) : /* @__PURE__ */ b(B, { children: [
+    /* @__PURE__ */ b(te, { $flexDirection: "row", $flexGap: 12, children: [
+      /* @__PURE__ */ e(
+        ie,
+        {
+          isScribblingEnabled: S,
+          setIsScribblingEnabled: O,
+          isCanvasEnabled: R,
+          loggerRef: y,
+          canToggleScribbling: z
+        }
+      ),
+      r.canShowDesmosCalc && /* @__PURE__ */ e(
+        le,
+        {
+          $active: G,
+          $alignItems: "center",
+          $justifyContent: "space-between",
+          onClick: U,
+          children: /* @__PURE__ */ e(Y, {})
+        }
+      )
+    ] }),
+    S && /* @__PURE__ */ e(oe, { userType: m, renderAs: "canvas" }),
+    H === "bottom" && /* @__PURE__ */ b(B, { children: [
+      Q && /* @__PURE__ */ e(me, { $alignItems: "center", children: /* @__PURE__ */ e(
+        ae,
+        {
+          activeQuestionIndex: s,
+          lastUnlockedQuestionIndex: h,
+          onItemNumberClick: X,
+          questions: o,
+          responses: t,
+          worksheetName: A,
+          behavior: r,
+          userType: m,
+          onClose: v,
+          onGoToReview: J,
+          summaryVisible: k
+        }
+      ) }),
+      /* @__PURE__ */ e(
+        ne,
+        {
+          renderAs: "secondary",
+          widthX: 13.25,
+          label: `Question ${s + 1} of ${o.length}`,
+          size: "small",
+          Icon: Q ? Z : ee,
+          iconPosition: "right",
+          justifyContent: "space-between",
+          onClick: v
+        }
+      )
+    ] }),
+    p && l && /* @__PURE__ */ e(
+      re,
+      {
+        learnosity: q,
+        question: p,
+        questions: o,
+        responses: t,
+        canSubmitWorksheet: g,
+        questionIndex: s,
+        isQuestionAppended: P,
+        isQuestionUnlocked: s <= h,
+        response: t[l],
+        behavior: r,
+        userType: m,
+        layout: f,
+        onResponseChange: D,
+        onTeacherValidation: N,
+        onHelp: E,
+        onSubmit: x,
+        setActiveQuestionId: c,
+        setBlocker: F,
+        setSummaryVisible: u,
+        setResponses: V,
+        getTimeSpentOnQuestion: j,
+        loggerRef: y,
+        onSkip: _
+      }
+    )
+  ] });
+});
+export {
+  ve as default
+};
+//# sourceMappingURL=worksheet-action-bar.js.map

package/dist/features/worksheet/worksheet/worksheet-action-bar/worksheet-action-bar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"worksheet-action-bar.js","sources":["../../../../../src/features/worksheet/worksheet/worksheet-action-bar/worksheet-action-bar.tsx"],"sourcesContent":["import type { IWorksheetActionBarProps } from './worksheet-action-bar-types';\nimport type { FC } from 'react';\n\nimport { memo, useCallback, useState } from 'react';\n\nimport CalculatorIcon from '../../../../assets/line-icons/icons/calculator';\nimport DownIcon from '../../../../assets/line-icons/icons/down';\nimport UpIcon from '../../../../assets/line-icons/icons/up';\nimport Toolbar from '../../../cue-canvas/toolbar/toolbar';\nimport Button from '../../../ui/buttons/button/button';\nimport FlexView from '../../../ui/layout/flex-view';\nimport { scrollToQuestion } from '../worksheet-helpers';\nimport ScribbleSwitch from '../worksheet-questions-controller/scribble-switch';\nimport WorksheetQuestionsController from '../worksheet-questions-controller/worksheet-questions-controller';\nimport WorksheetQuestionsSummary from '../worksheet-questions-summary/worksheet-questions-summary';\nimport * as Styled from '../worksheet-styled';\nimport WorksheetSummaryController from '../worksheet-summary-controller/worksheet-summary-controller';\n\nconst WorksheetActionBar: FC<IWorksheetActionBarProps> = memo(props => {\n  const {\n    userType,\n    layout,\n    behavior,\n    worksheetName,\n    questions,\n    responses,\n    activeQuestionIndex,\n    lastUnlockedQuestionIndex,\n    appendedQuestionIds,\n    learnosity,\n    isCanvasEnabled,\n    isScribblingEnabled,\n    isSummaryVisible,\n    setIsScribblingEnabled,\n    setActiveQuestionId,\n    setResponses,\n    getTimeSpentOnQuestion,\n    setBlocker,\n    setSummaryVisible,\n    showCalculator,\n    onItemNumberClick,\n    onTeacherValidation,\n    onGoToReview,\n    onResponseChange,\n    onHelp,\n    onSubmit,\n    onCalculatorOpen,\n    canSubmitWorksheet,\n    loggerRef,\n    onSkip,\n    canToggleScribbling,\n  } = props;\n  const { navigationBar, questionsScrollable } = layout;\n  const activeQuestion = questions[activeQuestionIndex];\n  const { response_id: activeQuestionId } = activeQuestion ?? {};\n  const [isSummaryOpened, setIsSummaryOpened] = useState(false);\n  const isAppended = activeQuestionId ? appendedQuestionIds.includes(activeQuestionId) : false;\n\n  const handleItemNumberClick = useCallback(\n    (questionId: string) => {\n      setIsSummaryOpened(false);\n      onItemNumberClick(questionId);\n    },\n    [onItemNumberClick],\n  );\n\n  const handleOnGoToReview = useCallback(() => {\n    setIsSummaryOpened(false);\n    onGoToReview();\n  }, [onGoToReview]);\n\n  const handleSummaryButtonClick = useCallback(() => {\n    setIsSummaryOpened(prev => !prev);\n  }, []);\n\n  const handleBackFromSummary = useCallback(() => {\n    setSummaryVisible(false);\n\n    const questionId = questions[questions.length - 1]?.response_id;\n\n    if (questionId) {\n      if (questionsScrollable) {\n        requestAnimationFrame(() => scrollToQuestion(questionId));\n      } else {\n        setActiveQuestionId(questionId);\n      }\n    }\n  }, [questions, questionsScrollable, setActiveQuestionId, setSummaryVisible]);\n\n  const handleSheetSubmitButtonClick = useCallback(() => {\n    onSubmit?.(responses);\n  }, [onSubmit, responses]);\n\n  if (isSummaryVisible) {\n    return (\n      <WorksheetSummaryController\n        onBack={handleBackFromSummary}\n        behavior={behavior}\n        onSubmit={handleSheetSubmitButtonClick}\n        canSubmitWorksheet={!!canSubmitWorksheet}\n      />\n    );\n  }\n\n  return (\n    <>\n      <FlexView $flexDirection=\"row\" $flexGap={12}>\n        <ScribbleSwitch\n          isScribblingEnabled={isScribblingEnabled}\n          setIsScribblingEnabled={setIsScribblingEnabled}\n          isCanvasEnabled={isCanvasEnabled}\n          loggerRef={loggerRef}\n          canToggleScribbling={canToggleScribbling}\n        />\n        {behavior.canShowDesmosCalc && (\n          <Styled.IconContainer\n            $active={showCalculator}\n            $alignItems=\"center\"\n            $justifyContent=\"space-between\"\n            onClick={onCalculatorOpen}\n          >\n            <CalculatorIcon />\n          </Styled.IconContainer>\n        )}\n      </FlexView>\n      {isScribblingEnabled && <Toolbar userType={userType} renderAs=\"canvas\" />}\n      {navigationBar === 'bottom' && (\n        <>\n          {isSummaryOpened && (\n            <Styled.SummaryWrapper $alignItems=\"center\">\n              <WorksheetQuestionsSummary\n                activeQuestionIndex={activeQuestionIndex}\n                lastUnlockedQuestionIndex={lastUnlockedQuestionIndex}\n                onItemNumberClick={handleItemNumberClick}\n                questions={questions}\n                responses={responses}\n                worksheetName={worksheetName}\n                behavior={behavior}\n                userType={userType}\n                onClose={handleSummaryButtonClick}\n                onGoToReview={handleOnGoToReview}\n                summaryVisible={isSummaryVisible}\n              />\n            </Styled.SummaryWrapper>\n          )}\n          <Button\n            renderAs=\"secondary\"\n            widthX={13.25}\n            label={`Question ${activeQuestionIndex + 1} of ${questions.length}`}\n            size=\"small\"\n            Icon={isSummaryOpened ? DownIcon : UpIcon}\n            iconPosition=\"right\"\n            justifyContent=\"space-between\"\n            onClick={handleSummaryButtonClick}\n          />\n        </>\n      )}\n      {activeQuestion && activeQuestionId && (\n        <WorksheetQuestionsController\n          learnosity={learnosity}\n          question={activeQuestion}\n          questions={questions}\n          responses={responses}\n          canSubmitWorksheet={canSubmitWorksheet}\n          questionIndex={activeQuestionIndex}\n          isQuestionAppended={isAppended}\n          isQuestionUnlocked={activeQuestionIndex <= lastUnlockedQuestionIndex}\n          response={responses[activeQuestionId]}\n          behavior={behavior}\n          userType={userType}\n          layout={layout}\n          onResponseChange={onResponseChange}\n          onTeacherValidation={onTeacherValidation}\n          onHelp={onHelp}\n          onSubmit={handleSheetSubmitButtonClick}\n          setActiveQuestionId={setActiveQuestionId}\n          setBlocker={setBlocker}\n          setSummaryVisible={setSummaryVisible}\n          setResponses={setResponses}\n          getTimeSpentOnQuestion={getTimeSpentOnQuestion}\n          loggerRef={loggerRef}\n          onSkip={onSkip}\n        />\n      )}\n    </>\n  );\n});\n\nexport default WorksheetActionBar;\n"],"names":["WorksheetActionBar","memo","props","userType","layout","behavior","worksheetName","questions","responses","activeQuestionIndex","lastUnlockedQuestionIndex","appendedQuestionIds","learnosity","isCanvasEnabled","isScribblingEnabled","isSummaryVisible","setIsScribblingEnabled","setActiveQuestionId","setResponses","getTimeSpentOnQuestion","setBlocker","setSummaryVisible","showCalculator","onItemNumberClick","onTeacherValidation","onGoToReview","onResponseChange","onHelp","onSubmit","onCalculatorOpen","canSubmitWorksheet","loggerRef","onSkip","canToggleScribbling","navigationBar","questionsScrollable","activeQuestion","activeQuestionId","isSummaryOpened","setIsSummaryOpened","useState","isAppended","handleItemNumberClick","useCallback","questionId","handleOnGoToReview","handleSummaryButtonClick","prev","handleBackFromSummary","_a","scrollToQuestion","handleSheetSubmitButtonClick","jsx","WorksheetSummaryController","jsxs","Fragment","FlexView","ScribbleSwitch","Styled.IconContainer","CalculatorIcon","Toolbar","Styled.SummaryWrapper","WorksheetQuestionsSummary","Button","DownIcon","UpIcon","WorksheetQuestionsController"],"mappings":"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"}

package/dist/features/worksheet/worksheet/worksheet-blocker/blockers/exit-ticket-intervention.js

@@ -0,0 +1,19 @@
+import { jsxs as t, jsx as i } from "react/jsx-runtime";
+import { memo as o } from "react";
+import n from "../../../../ui/buttons/button/button.js";
+import m from "../../../../ui/layout/flex-view.js";
+import l from "../../../../ui/text/text.js";
+const u = o(
+  ({ studentName: e, onViewExitTicket: r }) => /* @__PURE__ */ t(m, { $widthX: 34, $alignItems: "center", children: [
+    /* @__PURE__ */ t(l, { $renderAs: "quote", $align: "center", $marginBottomX: 4, children: [
+      "Please don’t discuss the quiz until ",
+      e,
+      " attempts it all."
+    ] }),
+    /* @__PURE__ */ i(n, { renderAs: "primary", label: "View quiz", widthX: 11, onClick: r })
+  ] })
+);
+export {
+  u as default
+};
+//# sourceMappingURL=exit-ticket-intervention.js.map

package/dist/features/worksheet/worksheet/worksheet-blocker/blockers/exit-ticket-intervention.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"exit-ticket-intervention.js","sources":["../../../../../../src/features/worksheet/worksheet/worksheet-blocker/blockers/exit-ticket-intervention.tsx"],"sourcesContent":["import type { FC } from 'react';\n\nimport { memo } from 'react';\n\nimport Button from '../../../../ui/buttons/button/button';\nimport FlexView from '../../../../ui/layout/flex-view';\nimport Text from '../../../../ui/text/text';\n\ninterface IExitTicketInterventionProps {\n  studentName: string;\n  onViewExitTicket: () => void;\n}\n\nconst ExitTicketIntervention: FC<IExitTicketInterventionProps> = memo(\n  ({ studentName, onViewExitTicket }) => {\n    return (\n      <FlexView $widthX={34} $alignItems=\"center\">\n        <Text $renderAs=\"quote\" $align=\"center\" $marginBottomX={4}>\n          Please don’t discuss the quiz until {studentName} attempts it all.\n        </Text>\n        <Button renderAs=\"primary\" label=\"View quiz\" widthX={11} onClick={onViewExitTicket} />\n      </FlexView>\n    );\n  },\n);\n\nexport default ExitTicketIntervention;\n"],"names":["ExitTicketIntervention","memo","studentName","onViewExitTicket","jsxs","FlexView","Text","jsx","Button"],"mappings":";;;;;AAaA,MAAMA,IAA2DC;AAAA,EAC/D,CAAC,EAAE,aAAAC,GAAa,kBAAAC,QAEX,gBAAAC,EAAAC,GAAA,EAAS,SAAS,IAAI,aAAY,UACjC,UAAA;AAAA,IAAA,gBAAAD,EAACE,KAAK,WAAU,SAAQ,QAAO,UAAS,gBAAgB,GAAG,UAAA;AAAA,MAAA;AAAA,MACpBJ;AAAA,MAAY;AAAA,IAAA,GACnD;AAAA,IACA,gBAAAK,EAACC,KAAO,UAAS,WAAU,OAAM,aAAY,QAAQ,IAAI,SAASL,EAAkB,CAAA;AAAA,EACtF,EAAA,CAAA;AAGN;"}

package/dist/features/worksheet/worksheet/worksheet-blocker/blockers/exit-ticket-review-available.js

@@ -0,0 +1,23 @@
+import { jsxs as t, Fragment as m, jsx as n } from "react/jsx-runtime";
+import { memo as a, useEffect as s } from "react";
+import e from "../../../../ui/text/text.js";
+const u = a(
+  ({ studentName: i, onViewExitTicket: r }) => (s(() => {
+    const o = setTimeout(() => {
+      r({});
+    }, 3e3);
+    return () => clearTimeout(o);
+  }, [r]), /* @__PURE__ */ t(m, { children: [
+    /* @__PURE__ */ n(e, { $renderAs: "h1", $align: "center", $marginBottomX: 1.5, children: "Quiz Completed" }),
+    /* @__PURE__ */ t(e, { $renderAs: "quote", $align: "center", $marginBottomX: 4, children: [
+      "You can now review ",
+      i,
+      "’s attempts"
+    ] }),
+    /* @__PURE__ */ n(e, { $renderAs: "h6", $align: "center", children: "Starting review..." })
+  ] }))
+);
+export {
+  u as default
+};
+//# sourceMappingURL=exit-ticket-review-available.js.map

package/dist/features/worksheet/worksheet/worksheet-blocker/blockers/exit-ticket-review-available.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"exit-ticket-review-available.js","sources":["../../../../../../src/features/worksheet/worksheet/worksheet-blocker/blockers/exit-ticket-review-available.tsx"],"sourcesContent":["import type { FC } from 'react';\n\nimport { memo, useEffect } from 'react';\n\nimport Text from '../../../../ui/text/text';\n\ninterface IExitTicketReviewAvailableProps {\n  studentName: string;\n  onViewExitTicket: (blocker: unknown) => void;\n}\n\nconst ExitTicketReviewAvailable: FC<IExitTicketReviewAvailableProps> = memo(\n  ({ studentName, onViewExitTicket }) => {\n    useEffect(() => {\n      const timer = setTimeout(() => {\n        onViewExitTicket({});\n      }, 3000);\n\n      return () => clearTimeout(timer);\n    }, [onViewExitTicket]);\n\n    return (\n      <>\n        <Text $renderAs=\"h1\" $align=\"center\" $marginBottomX={1.5}>\n          Quiz Completed\n        </Text>\n        <Text $renderAs=\"quote\" $align=\"center\" $marginBottomX={4}>\n          You can now review {studentName}’s attempts\n        </Text>\n        <Text $renderAs=\"h6\" $align=\"center\">\n          Starting review...\n        </Text>\n      </>\n    );\n  },\n);\n\nexport default ExitTicketReviewAvailable;\n"],"names":["ExitTicketReviewAvailable","memo","studentName","onViewExitTicket","useEffect","timer","jsxs","Fragment","jsx","Text"],"mappings":";;;AAWA,MAAMA,IAAiEC;AAAA,EACrE,CAAC,EAAE,aAAAC,GAAa,kBAAAC,SACdC,EAAU,MAAM;AACR,UAAAC,IAAQ,WAAW,MAAM;AAC7B,MAAAF,EAAiB,CAAE,CAAA;AAAA,OAClB,GAAI;AAEA,WAAA,MAAM,aAAaE,CAAK;AAAA,EAAA,GAC9B,CAACF,CAAgB,CAAC,GAIjB,gBAAAG,EAAAC,GAAA,EAAA,UAAA;AAAA,IAAA,gBAAAC,EAACC,KAAK,WAAU,MAAK,QAAO,UAAS,gBAAgB,KAAK,UAE1D,iBAAA,CAAA;AAAA,sBACCA,GAAK,EAAA,WAAU,SAAQ,QAAO,UAAS,gBAAgB,GAAG,UAAA;AAAA,MAAA;AAAA,MACrCP;AAAA,MAAY;AAAA,IAAA,GAClC;AAAA,sBACCO,GAAK,EAAA,WAAU,MAAK,QAAO,UAAS,UAErC,sBAAA;AAAA,EACF,EAAA,CAAA;AAGN;"}

package/dist/features/worksheet/worksheet/worksheet-blocker/blockers/exit-ticket-review.js

@@ -0,0 +1,34 @@
+import { jsxs as o, Fragment as a, jsx as r } from "react/jsx-runtime";
+import { memo as s, useState as l, useCallback as p } from "react";
+import c from "../../../../ui/buttons/button/button.js";
+import d from "../../../../ui/inputs/radio-input/radio-input.js";
+import u from "../../../../ui/layout/flex-view.js";
+import f from "../../../../ui/text/text.js";
+import { EXIT_TICKET_RATING_OPTIONS as g } from "../../constants.js";
+const $ = s(({ studentName: i, onViewExitValidate: e }) => {
+  const [t, m] = l(), n = p(() => {
+    t && e(t);
+  }, [e, t]);
+  return /* @__PURE__ */ o(a, { children: [
+    /* @__PURE__ */ o(f, { $renderAs: "quote", $align: "center", $marginBottomX: 4, children: [
+      "Rate ",
+      i,
+      "’s quiz performance"
+    ] }),
+    /* @__PURE__ */ r(u, { $widthX: 24, $marginBottomX: 4, children: /* @__PURE__ */ r(d, { options: g, value: t, onChange: m }) }),
+    /* @__PURE__ */ r(
+      c,
+      {
+        renderAs: "primary",
+        widthX: 11,
+        label: "Submit",
+        disabled: !t,
+        onClick: n
+      }
+    )
+  ] });
+});
+export {
+  $ as default
+};
+//# sourceMappingURL=exit-ticket-review.js.map

package/dist/features/worksheet/worksheet/worksheet-blocker/blockers/exit-ticket-review.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"exit-ticket-review.js","sources":["../../../../../../src/features/worksheet/worksheet/worksheet-blocker/blockers/exit-ticket-review.tsx"],"sourcesContent":["import type { QUESTIONS_RATING } from '../../worksheet-types';\nimport type { FC } from 'react';\n\nimport { memo, useCallback, useState } from 'react';\n\nimport Button from '../../../../ui/buttons/button/button';\nimport RadioInput from '../../../../ui/inputs/radio-input/radio-input';\nimport FlexView from '../../../../ui/layout/flex-view';\nimport Text from '../../../../ui/text/text';\nimport { EXIT_TICKET_RATING_OPTIONS } from '../../constants';\n\ninterface IExitTicketReviewProps {\n  studentName: string;\n  onViewExitValidate: (rating: keyof typeof QUESTIONS_RATING) => void;\n}\n\nconst ExitTicketReview: FC<IExitTicketReviewProps> = memo(({ studentName, onViewExitValidate }) => {\n  const [rating, setRating] = useState<keyof typeof QUESTIONS_RATING>();\n\n  const handleSubmit = useCallback(() => {\n    rating && onViewExitValidate(rating);\n  }, [onViewExitValidate, rating]);\n\n  return (\n    <>\n      <Text $renderAs=\"quote\" $align=\"center\" $marginBottomX={4}>\n        Rate {studentName}’s quiz performance\n      </Text>\n      <FlexView $widthX={24} $marginBottomX={4}>\n        <RadioInput options={EXIT_TICKET_RATING_OPTIONS} value={rating} onChange={setRating} />\n      </FlexView>\n      <Button\n        renderAs=\"primary\"\n        widthX={11}\n        label=\"Submit\"\n        disabled={!rating}\n        onClick={handleSubmit}\n      />\n    </>\n  );\n});\n\nexport default ExitTicketReview;\n"],"names":["ExitTicketReview","memo","studentName","onViewExitValidate","rating","setRating","useState","handleSubmit","useCallback","jsxs","Fragment","Text","jsx","FlexView","RadioInput","EXIT_TICKET_RATING_OPTIONS","Button"],"mappings":";;;;;;;AAgBA,MAAMA,IAA+CC,EAAK,CAAC,EAAE,aAAAC,GAAa,oBAAAC,QAAyB;AACjG,QAAM,CAACC,GAAQC,CAAS,IAAIC,EAAwC,GAE9DC,IAAeC,EAAY,MAAM;AACrC,IAAAJ,KAAUD,EAAmBC,CAAM;AAAA,EAAA,GAClC,CAACD,GAAoBC,CAAM,CAAC;AAE/B,SAEI,gBAAAK,EAAAC,GAAA,EAAA,UAAA;AAAA,IAAA,gBAAAD,EAACE,KAAK,WAAU,SAAQ,QAAO,UAAS,gBAAgB,GAAG,UAAA;AAAA,MAAA;AAAA,MACnDT;AAAA,MAAY;AAAA,IAAA,GACpB;AAAA,IACC,gBAAAU,EAAAC,GAAA,EAAS,SAAS,IAAI,gBAAgB,GACrC,UAAA,gBAAAD,EAACE,GAAW,EAAA,SAASC,GAA4B,OAAOX,GAAQ,UAAUC,EAAW,CAAA,GACvF;AAAA,IACA,gBAAAO;AAAA,MAACI;AAAA,MAAA;AAAA,QACC,UAAS;AAAA,QACT,QAAQ;AAAA,QACR,OAAM;AAAA,QACN,UAAU,CAACZ;AAAA,QACX,SAASG;AAAA,MAAA;AAAA,IACX;AAAA,EACF,EAAA,CAAA;AAEJ,CAAC;"}

package/dist/features/worksheet/worksheet/worksheet-blocker/blockers/exit-ticket-student-submission.js

@@ -0,0 +1,18 @@
+import { jsxs as i, Fragment as o, jsx as r } from "react/jsx-runtime";
+import { memo as s, useEffect as m } from "react";
+import t from "../../../../ui/text/text.js";
+const d = s(
+  ({ onViewExitTicket: e }) => (m(() => {
+    const n = setTimeout(() => {
+      e({});
+    }, 3e3);
+    return () => clearTimeout(n);
+  }, [e]), /* @__PURE__ */ i(o, { children: [
+    /* @__PURE__ */ r(t, { $renderAs: "h1", $align: "center", $marginBottomX: 4, children: "Let’s get these questions reviewed by your teacher." }),
+    /* @__PURE__ */ r(t, { $renderAs: "h6", $align: "center", children: "Starting review..." })
+  ] }))
+);
+export {
+  d as default
+};
+//# sourceMappingURL=exit-ticket-student-submission.js.map

package/dist/features/worksheet/worksheet/worksheet-blocker/blockers/exit-ticket-student-submission.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"exit-ticket-student-submission.js","sources":["../../../../../../src/features/worksheet/worksheet/worksheet-blocker/blockers/exit-ticket-student-submission.tsx"],"sourcesContent":["import type { FC } from 'react';\n\nimport { memo, useEffect } from 'react';\n\nimport Text from '../../../../ui/text/text';\n\ninterface IExitTicketStudentSubmissionProps {\n  onViewExitTicket: (blocker: unknown) => void;\n}\n\nconst ExitTicketStudentSubmission: FC<IExitTicketStudentSubmissionProps> = memo(\n  ({ onViewExitTicket }) => {\n    useEffect(() => {\n      const timer = setTimeout(() => {\n        onViewExitTicket({});\n      }, 3000);\n\n      return () => clearTimeout(timer);\n    }, [onViewExitTicket]);\n\n    return (\n      <>\n        <Text $renderAs=\"h1\" $align=\"center\" $marginBottomX={4}>\n          Let’s get these questions reviewed by your teacher.\n        </Text>\n        <Text $renderAs=\"h6\" $align=\"center\">\n          Starting review...\n        </Text>\n      </>\n    );\n  },\n);\n\nexport default ExitTicketStudentSubmission;\n"],"names":["ExitTicketStudentSubmission","memo","onViewExitTicket","useEffect","timer","jsxs","Fragment","jsx","Text"],"mappings":";;;AAUA,MAAMA,IAAqEC;AAAA,EACzE,CAAC,EAAE,kBAAAC,EAAA,OACDC,EAAU,MAAM;AACR,UAAAC,IAAQ,WAAW,MAAM;AAC7B,MAAAF,EAAiB,CAAE,CAAA;AAAA,OAClB,GAAI;AAEA,WAAA,MAAM,aAAaE,CAAK;AAAA,EAAA,GAC9B,CAACF,CAAgB,CAAC,GAIjB,gBAAAG,EAAAC,GAAA,EAAA,UAAA;AAAA,IAAA,gBAAAC,EAACC,KAAK,WAAU,MAAK,QAAO,UAAS,gBAAgB,GAAG,UAExD,sDAAA,CAAA;AAAA,sBACCA,GAAK,EAAA,WAAU,MAAK,QAAO,UAAS,UAErC,sBAAA;AAAA,EACF,EAAA,CAAA;AAGN;"}